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

Minor style changes

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 {
HtmlUtils.getElementByIdOrFail<HTMLDivElement>('sidebar').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()) {

14
front/style/style.css
View File

@ -36,6 +36,7 @@ body .message-info.warning{
background: #ffa500d6;
}
.video-container{
pointer-events: all;
position: relative;
transition: all 0.2s ease;
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 */
.media-container {
pointer-events: all;
display: flex;
justify-content: center;
flex-direction: column;
@ -684,7 +686,7 @@ input[type=range]:focus::-ms-fill-upper {
}
.chat-mode {
display: inline-grid;
display: grid;
width: 100%;
padding: 1%;
align-items: flex-start;
@ -702,19 +704,19 @@ input[type=range]:focus::-ms-fill-upper {
}
.chat-mode.one-col {
grid-template-columns: auto;
grid-template-columns: repeat(1, 1fr);
}
.chat-mode.two-col {
grid-template-columns: auto auto;
grid-template-columns: repeat(2, 1fr);
}
.chat-mode.three-col {
grid-template-columns: auto auto auto;
grid-template-columns: repeat(3, 1fr);
}
.chat-mode.four-col {
grid-template-columns: auto auto auto auto;
grid-template-columns: repeat(4, 1fr);
}
/*CONSOLE*/
@ -746,7 +748,7 @@ input[type=range]:focus::-ms-fill-upper {
position: relative;
padding: 20px;
margin: 20px;
overflow: scroll;
overflow: auto;
max-height: 400px;
}