bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/presentation/styles.scss
Oleksandr Zhurbenko 0039eba840 Whiteboard scaling/ositioning, svg coordinate system, ui fixes
Fixed whiteboard and wbtoolbar positioning in FF, set a proper SVG coordinate system, fixed scaling (let SVG scale everything)
2017-04-27 15:18:53 -07:00

64 lines
1.0 KiB
SCSS
Executable File

@import "../../stylesheets/variables/_all";
@import "../whiteboard/whiteboard-toolbar/styles";
.enter {
opacity: 0.01;
}
.enterActive {
opacity: 1;
transition: opacity 400ms ease-in;
}
.appear {
opacity: 0.01;
}
.appearActive {
opacity: 1;
transition: opacity 400ms ease-in;
}
.presentationPaper {
order: 1;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
height: calc(100% - 1px);
width:100%;
overflow: hidden;
position: relative;
}
.whiteboardSizeAvailable {
position: absolute;
height: 100%;
width: calc(100% - #{$toolbar-container-width});
z-index: -1;
}
.svgStyles {
object-fit: contain;
width: 100%;
height: 100%;
max-width: 100%;
max-height: 100%;
//always show an arrow by default
cursor: default;
//double click on the whiteboard shouldn't change the cursor
-moz-user-select: -moz-none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.presentationContainer {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
}