Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/meet.scss
| Show All 29 Lines | .meet-nickname { | ||||
| .self & { | .self & { | ||||
| .content { | .content { | ||||
| &:focus { | &:focus { | ||||
| min-width: 0.5em; | min-width: 0.5em; | ||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| & + .dropdown-menu { | |||||
| .permissions > label { | |||||
| margin: 0; | |||||
| padding-left: 3.75rem; | |||||
| } | |||||
| } | |||||
| } | } | ||||
| .meet-video { | .meet-video { | ||||
| position: relative; | position: relative; | ||||
| background: $menu-bg-color; | background: $menu-bg-color; | ||||
| // Use flexbox for centering .watermark | // Use flexbox for centering .watermark | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| ▲ Show 20 Lines • Show All 100 Lines • ▼ Show 20 Lines | #app.meet { | ||||
| #meet-component { | #meet-component { | ||||
| overflow: hidden; | overflow: hidden; | ||||
| } | } | ||||
| } | } | ||||
| #meet-setup { | #meet-setup { | ||||
| max-width: 720px; | max-width: 720px; | ||||
| .input-group svg { | |||||
| width: 1em; | |||||
| } | |||||
| } | } | ||||
| #meet-auth { | #meet-auth { | ||||
| margin-top: 2rem; | margin-top: 2rem; | ||||
| margin-bottom: 2rem; | margin-bottom: 2rem; | ||||
| flex: 1; | flex: 1; | ||||
| } | } | ||||
| ▲ Show 20 Lines • Show All 100 Lines • ▼ Show 20 Lines | .nickname { | ||||
| font-size: 80%; | font-size: 80%; | ||||
| color: $secondary; | color: $secondary; | ||||
| text-align: right; | text-align: right; | ||||
| } | } | ||||
| // TODO: mobile mode | // TODO: mobile mode | ||||
| } | } | ||||
| #setup-preview { | .media-setup-form { | ||||
| .input-group svg { | |||||
| width: 1em; | |||||
| } | |||||
| } | |||||
| .media-setup-preview { | |||||
| display: flex; | display: flex; | ||||
| position: relative; | |||||
| video { | video { | ||||
| width: 100%; | width: 100%; | ||||
| transform: rotateY(180deg); | |||||
| background: #000; | background: #000; | ||||
| } | } | ||||
| .volume { | .volume { | ||||
| height: 50%; | height: 50%; | ||||
| position: absolute; | position: absolute; | ||||
| bottom: 1em; | bottom: 1em; | ||||
| right: 2em; | right: 2em; | ||||
| width: 0.5em; | width: 0.5em; | ||||
| background: rgba(0, 0, 0, 0.5); | background: rgba(0, 0, 0, 0.5); | ||||
| .bar { | .bar { | ||||
| width: 100%; | width: 100%; | ||||
| position: absolute; | position: absolute; | ||||
| bottom: 0; | bottom: 0; | ||||
| } | } | ||||
| #media-setup-dialog & { | |||||
| right: 1em; | |||||
| } | |||||
| } | } | ||||
| } | } | ||||
| .toast.join-request { | .toast.join-request { | ||||
| .toast-header { | .toast-header { | ||||
| color: #eee; | color: #eee; | ||||
| } | } | ||||
| Show All 20 Lines | |||||