Correctly positioned the whiteboard buttons and made the Raise/Lower Hand button hidden in fullscreen mode.

This commit is contained in:
Maxim Khlobystov 2015-06-10 12:52:25 -07:00
parent edbfd8f161
commit 8226f9212b

View File

@ -31,6 +31,9 @@
#whiteboard-paper { #whiteboard-paper {
height: 100%; height: 100%;
} }
.raiseHandButton {
display: none;
}
} }
&:-moz-full-screen { &:-moz-full-screen {
width: 100%; width: 100%;
@ -42,6 +45,9 @@
#whiteboard-paper { #whiteboard-paper {
height: 100%; height: 100%;
} }
.raiseHandButton {
display: none;
}
} }
&:fullscreen { &:fullscreen {
width: 100%; width: 100%;
@ -53,6 +59,9 @@
#whiteboard-paper { #whiteboard-paper {
height: 100%; height: 100%;
} }
.raiseHandButton {
display: none;
}
} }
} }
@ -148,8 +157,8 @@
} }
.whiteboardFullscreenButton { .whiteboardFullscreenButton {
top: 0; top: 10px;
right: 0; right: 10px;
@media @landscape { @media @landscape {
height: 50px; height: 50px;
width: 50px; width: 50px;
@ -161,23 +170,21 @@
} }
.raiseHandButton { .raiseHandButton {
bottom: 10px;
right: 10px;
@media @desktop-portrait, @landscape { @media @desktop-portrait, @landscape {
bottom: 0;
right: 0;
height: 50px; height: 50px;
width: 50px; width: 50px;
} }
@media @mobile-portrait-with-keyboard, @mobile-portrait { @media @mobile-portrait-with-keyboard, @mobile-portrait {
bottom: 0;
right: 0;
height: 100px; height: 100px;
width: 10%; width: 10%;
} }
} }
.exitFullscreenButton { .exitFullscreenButton {
top: 0; top: 10px;
right: 0; right: 10px;
@media @landscape { @media @landscape {
height: 50px; height: 50px;
width: 50px; width: 50px;