Browse Source

Merge pull request #739 from t10r/fix/multi-user-videochat-mode

fix multi user videochat mode
develop
David Négrier 4 months ago
committed by GitHub
parent
commit
6e9c715980
No known key found for this signature in database GPG Key ID: 4AEE18F83AFDEB23
  1. 23
      front/dist/resources/style/style.css
  2. 2
      front/src/WebRtc/LayoutManager.ts

23
front/dist/resources/style/style.css

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

2
front/src/WebRtc/LayoutManager.ts

@ -192,7 +192,7 @@ class LayoutManager {
} else {
HtmlUtils.getElementByIdOrFail<HTMLDivElement>('sidebar').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()) {

Loading…
Cancel
Save