Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/meet.scss
@mixin range-track() { | |||||
background-color: $link-color !important; | |||||
height: 0.2em; | |||||
border: 0; | |||||
border-radius: 0.1em; | |||||
} | |||||
@mixin range-thumb() { | |||||
appearance: none; | |||||
background-color: $link-color; | |||||
width: 0.75em; | |||||
height: 0.75em; | |||||
border: none; | |||||
border-radius: 0.5em; | |||||
} | |||||
.meet-nickname { | .meet-nickname { | ||||
padding: 0; | padding: 0; | ||||
line-height: 2em; | line-height: 2em; | ||||
border-radius: 1em; | border-radius: 1em; | ||||
max-width: 100%; | max-width: 100%; | ||||
white-space: nowrap; | white-space: nowrap; | ||||
display: inline-flex; | display: inline-flex; | ||||
▲ Show 20 Lines • Show All 128 Lines • ▼ Show 20 Lines | .meet-nickname { | ||||
} | } | ||||
} | } | ||||
&:not(.moderated):not(.self) .meet-nickname { | &:not(.moderated):not(.self) .meet-nickname { | ||||
.icon { | .icon { | ||||
display: none; | display: none; | ||||
} | } | ||||
} | } | ||||
.volume { | |||||
position: absolute; | |||||
bottom: 2.15em; | |||||
right: 2em; | |||||
border-radius: 1em; | |||||
background: rgba(#000, 0.7); | |||||
width: 2em; | |||||
height: 4em; | |||||
overflow: hidden; // for Edge | |||||
input { | |||||
appearance: none; | |||||
cursor: pointer; | |||||
width: 3em; | |||||
height: 2em; | |||||
margin-top: 3.5em; | |||||
transform-origin: 0 0; | |||||
transform: rotate(-90deg); | |||||
background: transparent; | |||||
outline: 0; | |||||
&::-ms-track { @include range-track; } | |||||
&::-moz-range-track { @include range-track; } | |||||
&::-webkit-slider-runnable-track { @include range-track; } | |||||
&::-ms-thumb { @include range-thumb; } | |||||
&::-moz-range-thumb { @include range-thumb; } | |||||
&::-webkit-slider-thumb { @include range-thumb; margin-top: -0.25em; } | |||||
&::-ms-tooltip { display: none; } | |||||
} | |||||
} | |||||
} | } | ||||
#meet-component { | #meet-component { | ||||
flex-grow: 1; | flex-grow: 1; | ||||
display: flex; | display: flex; | ||||
flex-direction: column; | flex-direction: column; | ||||
& + .filler { | & + .filler { | ||||
▲ Show 20 Lines • Show All 379 Lines • Show Last 20 Lines |