Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/meet.scss
| Show All 40 Lines | & + .dropdown-menu { | ||||
| margin: 0; | margin: 0; | ||||
| padding-left: 3.75rem; | padding-left: 3.75rem; | ||||
| } | } | ||||
| } | } | ||||
| } | } | ||||
| .meet-video { | .meet-video { | ||||
| position: relative; | position: relative; | ||||
| background: $menu-bg-color; | background: #000; | ||||
| // Use flexbox for centering .watermark | // Use flexbox for centering .watermark | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| justify-content: center; | justify-content: center; | ||||
| video { | video { | ||||
| // To make object-fit:cover working we have to set the height in pixels | // To make object-fit:cover working we have to set the height in pixels | ||||
| // on the wrapper element. This is what javascript method will do. | // on the wrapper element. This is what javascript method will do. | ||||
| Show All 11 Lines | &.fullscreen { | ||||
| video { | video { | ||||
| // We don't want the video to be cut in fullscreen | // We don't want the video to be cut in fullscreen | ||||
| // This will preserve the aspect ratio of the video stream | // This will preserve the aspect ratio of the video stream | ||||
| object-fit: contain; | object-fit: contain; | ||||
| } | } | ||||
| } | } | ||||
| .watermark { | .watermark { | ||||
| color: darken($menu-bg-color, 20%); | color: $light; | ||||
| width: 50%; | width: 50%; | ||||
| height: 50%; | height: 50%; | ||||
| } | } | ||||
| .controls { | .controls { | ||||
| position: absolute; | position: absolute; | ||||
| bottom: 0; | bottom: 0; | ||||
| right: 0; | right: 0; | ||||
| ▲ Show 20 Lines • Show All 82 Lines • ▼ Show 20 Lines | |||||
| #meet-session-toolbar { | #meet-session-toolbar { | ||||
| display: flex; | display: flex; | ||||
| justify-content: center; | justify-content: center; | ||||
| } | } | ||||
| #meet-session-menu { | #meet-session-menu { | ||||
| button { | button { | ||||
| font-size: 1.3em; | font-size: 1.25em; | ||||
| padding: 0 0.25em; | margin: 0.25em 0.125em; | ||||
| margin: 0.5em; | |||||
| position: relative; | position: relative; | ||||
| .badge { | .badge { | ||||
| font-size: 0.5em; | font-size: 0.5em; | ||||
| position: absolute; | position: absolute; | ||||
| right: -0.5em; | right: -0.5em; | ||||
| &:empty { | &:empty { | ||||
| ▲ Show 20 Lines • Show All 200 Lines • Show Last 20 Lines | |||||