bigbluebutton-Github/bigbluebutton-html5/imports/ui/components/audio/audio-controls/styles.scss

89 lines
1.5 KiB
SCSS
Raw Normal View History

@import "/imports/ui/stylesheets/variables/breakpoints";
@import "/imports/ui/components/actions-bar/styles.scss";
.container {
display: flex;
flex-flow: row;
.muteToggle {
margin-right: var(--sm-padding-x);
margin-left: 0;
@include mq($small-only) {
margin-right: var(--sm-padding-y);
}
[dir="rtl"] & {
margin-left: var(--sm-padding-x);
margin-right: 0;
@include mq($small-only) {
margin-left: var(--sm-padding-y);
}
}
}
> :last-child {
margin-left: var(--sm-padding-x);
margin-right: 0;
@include mq($small-only) {
margin-left: var(--sm-padding-y);
}
[dir="rtl"] & {
margin-left: 0;
margin-right: var(--sm-padding-x);
@include mq($small-only) {
margin-right: var(--sm-padding-y);
}
}
}
}
.glow {
border-radius: 50%;
:global(.animationsEnabled) & {
animation: pulse 1s infinite ease-in;
}
:global(.animationsDisabled) & span {
content: '';
outline: none !important;
background-clip: padding-box;
box-shadow: 0 0 0 4px rgba(255,255,255,.5);
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 white;
}
70% {
box-shadow: 0 0 0 0.5625rem transparent;
}
100% {
box-shadow: 0 0 0 0 transparent;
2017-11-17 19:52:48 +08:00
}
2020-07-28 03:49:26 +08:00
}
.dropdownListContainer {
min-width: 10rem;
}
.stopButton {
& > span {
color: var(--color-danger);
}
}
.disableDeviceSelection {
pointer-events: none;
}
.selectedDevice {
font-weight: bold;
}