bigbluebutton-Github/bigbluebutton-html5/app/client/stylesheets/whiteboard.less

98 lines
1.8 KiB
Plaintext
Executable File

@import "variables";
#whiteboard {
padding: 0 !important;
margin-left: 0.25%;
margin-right: 0.25%;
-webkit-flex: 2 2 50%;
-moz-flex: 2 2 50%;
-ms-flex: 2 2 50%;
flex: 2 2 50%;
min-width: 0;
@media @landscape {
height: calc(~'100% - 15px');
-webkit-order: 2;
order: 2;
}
@media @mobile-portrait-with-keyboard, @desktop-portrait, @mobile-portrait {
-webkit-order: 1;
order: 1;
}
&:-webkit-full-screen {
width: 100%;
height: 100%;
#whiteboard-navbar {
display: none;
}
}
&:-moz-full-screen {
width: 100%;
height: 100%;
#whiteboard-navbar {
display: none;
}
}
&:fullscreen {
width: 100%;
height: 100%;
#whiteboard-navbar {
display: none;
}
}
}
#whiteboard-paper {
background-color: white !important;
/*height: auto !important;*/
margin-left: auto;
margin-right: auto;
width: 100%;
#svggroup {
display: block;
height: 100% !important;
width: 100% !important;
}
}
#whiteboard-navbar {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
#whiteboard-container {
@media @landscape {
display: -moz-flex;
display: -ms-flexbox;
display: -ms-flex;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-align-items: center;
-ms-align-items: center;
height: calc(~'100% - 39px');
}
}
.fullscreenWhiteboardButton {
float: right;
width: 28px;
height: 28px;
padding: 0;
@media @landscape {
margin-right: 5px;
}
@media @mobile-portrait-with-keyboard, @mobile-portrait {
margin-right: 40px;
}
i {
@media @mobile-portrait-with-keyboard, @mobile-portrait {
font-size: 60px;
}
@media @landscape {
font-size: 28px;
}
}
}