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 | |||||