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 |