Fix layout of video streams (thx @TabascoEye)

This commit is contained in:
TabascoEye 2021-02-06 19:52:59 +01:00 committed by Thomas Basler
parent 7ab3d827ba
commit e81790d74e
2 changed files with 8 additions and 10 deletions

View File

@ -580,12 +580,10 @@ input[type=range]:focus::-ms-fill-upper {
}
.chat-mode {
display: grid;
display: inline-grid;
width: 100%;
align-items: flex-start;
padding: 1%;
align-items: flex-start;
}
.chat-mode > div {
@ -598,20 +596,21 @@ input[type=range]:focus::-ms-fill-upper {
.chat-mode > div:hover {
margin: 0%;
}
.chat-mode.one-col {
grid-template-columns: repeat(1, 1fr);
grid-template-columns: auto;
}
.chat-mode.two-col {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: auto auto;
}
.chat-mode.three-col {
grid-template-columns: repeat(3, 1fr);
grid-template-columns: auto auto auto;
}
.chat-mode.four-col {
grid-template-columns: repeat(4, 1fr);
grid-template-columns: auto auto auto auto;
}
/*CONSOLE*/

View File

@ -24,7 +24,6 @@ export interface CenterListener {
}
export const ON_ACTION_TRIGGER_BUTTON = 'onaction';
export const TRIGGER_WEBSITE_PROPERTIES = 'openWebsiteTrigger';
export const TRIGGER_JITSI_PROPERTIES = 'jitsiTrigger';
@ -195,7 +194,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 = 'grid';
HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'inline-grid';
}
for (const div of this.importantDivs.values()) {