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

Minor style changes

Browse Source
This commit is contained in:
¯\_(ツ)_/¯ 2021-03-22 16:58:36 +01:00 committed by Thomas Basler
parent eb829bce58
commit d8d11cb008
2 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -196,7 +196,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 = 'inline-grid'; HtmlUtils.getElementByIdOrFail<HTMLDivElement>('chat-mode').style.display = 'grid';
} }
for (const div of this.importantDivs.values()) { for (const div of this.importantDivs.values()) {

14
front/style/style.css
View File

@ -36,6 +36,7 @@ body .message-info.warning{
background: #ffa500d6; background: #ffa500d6;
} }
.video-container{ .video-container{
pointer-events: all;
position: relative; position: relative;
transition: all 0.2s ease; transition: all 0.2s ease;
background-color: #00000099; background-color: #00000099;
@ -676,6 +677,7 @@ input[type=range]:focus::-ms-fill-upper {
/* Let's make sure videos are vertically centered if they need to be cropped */ /* Let's make sure videos are vertically centered if they need to be cropped */
.media-container { .media-container {
pointer-events: all;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
@ -684,7 +686,7 @@ input[type=range]:focus::-ms-fill-upper {
} }
.chat-mode { .chat-mode {
display: inline-grid; display: grid;
width: 100%; width: 100%;
padding: 1%; padding: 1%;
align-items: flex-start; align-items: flex-start;
@ -702,19 +704,19 @@ input[type=range]:focus::-ms-fill-upper {
} }
.chat-mode.one-col { .chat-mode.one-col {
grid-template-columns: auto; grid-template-columns: repeat(1, 1fr);
} }
.chat-mode.two-col { .chat-mode.two-col {
grid-template-columns: auto auto; grid-template-columns: repeat(2, 1fr);
} }
.chat-mode.three-col { .chat-mode.three-col {
grid-template-columns: auto auto auto; grid-template-columns: repeat(3, 1fr);
} }
.chat-mode.four-col { .chat-mode.four-col {
grid-template-columns: auto auto auto auto; grid-template-columns: repeat(4, 1fr);
} }
/*CONSOLE*/ /*CONSOLE*/
@ -746,7 +748,7 @@ input[type=range]:focus::-ms-fill-upper {
position: relative; position: relative;
padding: 20px; padding: 20px;
margin: 20px; margin: 20px;
overflow: scroll; overflow: auto;
max-height: 400px; max-height: 400px;
} }