bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/video-provider/fullscreen-button/styles.scss
Ghazi Triki 1f6326f7fd Change layout direction for RTL languages.
Update styles for RTL layout.
2019-05-14 14:17:19 +01:00

68 lines
904 B
SCSS

@import '/imports/ui/stylesheets/variables/_all';
:root {
::-webkit-media-controls {
display: none !important;
}
}
.wrapper {
position: absolute;
right: 0;
left: auto;
background-color: var(--color-transparent);
cursor: pointer;
border: none !important;
[dir="rtl"] & {
right: auto;
left :0;
}
[class*="presentationZoomControls"] & {
position: relative !important;
}
}
.button {
&,
&:active,
&:hover {
background-color: var(--color-transparent) !important;
border: none !important;
i {
border: none !important;
background-color: var(--color-transparent) !important;
}
}
}
.light {
top: 0;
}
.light .button i {
color: var(--color-white);
}
.dark {
bottom: 0;
}
.dark .button i {
color: var(--color-black);
}
.fullScreenButton {
padding: 5px;
&:hover {
border: 0;
}
i {
font-size: 1rem;
}
}