bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/fullscreen-button/styles.scss
Arthur B. Grossi cdd688000c style(layout): buttons outline
Adds margin to presentation and screenshare buttons
in order to prevent outline cut.
2021-06-14 14:53:21 -03:00

72 lines
909 B
SCSS

.wrapper {
position: absolute;
right: 0;
left: auto;
background-color: var(--color-transparent);
cursor: pointer;
border: 0;
z-index: 2;
margin: 2px;
[dir="rtl"] & {
right: auto;
left :0;
}
[class*="presentationZoomControls"] & {
position: relative !important;
}
}
.button {
&,
&:active,
&:hover,
&:focus {
background-color: var(--color-transparent) !important;
border: none !important;
i {
border: none !important;
background-color: var(--color-transparent) !important;
}
}
}
.light {
background-color: var(--color-transparent);
}
.light .button i {
color: var(--color-black);
}
.dark {
background-color: rgba(0,0,0,.3);
}
.dark .button i {
color: var(--color-white);
}
.top{
top: 0;
}
.bottom{
bottom: 0;
}
.fullScreenButton {
padding: 5px;
&:hover {
border: 0;
}
i {
font-size: 1rem;
}
}