noby
/
workadventure
2
2
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix multi user videochat mode

This commit is contained in:
Tim Schlüter 2021-02-13 21:19:45 +01:00
parent cfcad07487
commit 05b829da70
2 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
front/dist/resources/style/style.css vendored
View File

@ -612,10 +612,9 @@ input[type=range]:focus::-ms-fill-upper {
} }
.chat-mode { .chat-mode {
display: flex; display: grid;
width: 100%; width: 100%;
flex-wrap: wrap;
align-items: flex-start; align-items: flex-start;
padding: 1%; padding: 1%;
@ -631,24 +630,20 @@ input[type=range]:focus::-ms-fill-upper {
.chat-mode > div:hover { .chat-mode > div:hover {
margin: 0%; margin: 0%;
} }
.chat-mode.one-col > div { .chat-mode.one-col {
flex-basis: 98%; grid-template-columns: repeat(1, 1fr);
} }
.chat-mode.two-col > div { .chat-mode.two-col {
flex-basis: 48%; grid-template-columns: repeat(2, 1fr);
} }
.chat-mode.three-col > div { .chat-mode.three-col {
flex-basis: 31.333333%; grid-template-columns: repeat(3, 1fr);
} }
.chat-mode.four-col > div { .chat-mode.four-col {
flex-basis: 23%; grid-template-columns: repeat(4, 1fr);
}
.chat-mode > div:last-child {
flex-grow: 5;
} }
/*CONSOLE*/ /*CONSOLE*/

2
front/src/WebRtc/LayoutManager.ts
View File

@ -188,7 +188,7 @@ class LayoutManager {
} else { } else {
HtmlUtils.getElementByIdOrFail<HTMLDivElement>('sidebar').style.display = 'none'; HtmlUtils.getElementByIdOrFail<HTMLDivElement>('sidebar').style.display = 'none';
HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-section').style.display = 'none'; HtmlUtils.getElementByIdOrFail<HTMLDivElement>('main-section').style.display = 'none';
HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'flex'; HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'grid';
} }
for (const div of this.importantDivs.values()) { for (const div of this.importantDivs.values()) {