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

Fix layout of video streams (thx @TabascoEye)

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

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