_Bastler/partey_workadventure
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update cowebsite mobile style

Browse Source
This commit is contained in:
Gregoire Parant 2021-04-20 21:11:05 +02:00
parent 30c1825abd
commit 20e0a2553e
2 changed files with 69 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
front/dist/resources/style/cowebsite.scss vendored
View File

@ -87,51 +87,3 @@
} }
} }
} }
@media (max-aspect-ratio: 1/1) {
#main-container {
display: flex;
flex-direction: column-reverse;
}
#cowebsite {
left: 0;
top: 0;
width: 100%;
height: 50%;
display: flex;
flex-direction: column-reverse;
&.loading {
transform: translateY(-90%);
}
&.hidden {
transform: translateY(-100%);
}
main {
height: 100%;
}
aside {
height: 30px;
cursor: ns-resize;
flex-direction: column;
img {
cursor: ns-resize;
}
}
.top-right-btn {
&#cowebsite-close {
right: 0px;
}
&#cowebsite-fullscreen {
right: 25px;
}
}
}
}

80
front/dist/resources/style/mobile-style.scss vendored
View File

@ -1,6 +1,6 @@
@media only screen and (max-width: 700px) { @media only screen and (max-width: 700px) {
video#myCamVideo { video#myCamVideo {
width: 200px; width: 150px;
} }
.sidebar { .sidebar {
@ -21,19 +21,28 @@
} }
} }
.btn-cam-action div { .btn-cam-action {
bottom: 30px; &:hover{
transform: translateY(20px);
&.btn-micro {
right: 15px;
} }
div {
&:hover {
background-color: #666;
}
&.btn-monitor { bottom: 30px;
right: 171px;
}
&.btn-video { &.btn-micro {
right: 95px; right: 0;
}
&.btn-monitor {
right: 130px;
}
&.btn-video {
right: 65px;
}
} }
} }
@ -48,3 +57,52 @@
} }
} }
@media (max-aspect-ratio: 1/1) {
#main-container {
display: flex;
flex-direction: column-reverse;
}
#cowebsite {
left: 0;
top: 0;
width: 100%;
height: 50%;
display: flex;
flex-direction: column-reverse;
&.loading {
transform: translateY(-90%);
}
&.hidden {
transform: translateY(-100%);
}
main {
height: 100%;
}
aside {
height: 30px;
cursor: ns-resize;
flex-direction: column;
img {
cursor: ns-resize;
}
}
.top-right-btn {
&#cowebsite-close {
right: 0;
}
&#cowebsite-fullscreen {
left: 0;
}
}
}
}