"Fossies" - the Fresh Open Source Software Archive 
Member "jitsi-meet-7675/css/filmstrip/_vertical_filmstrip_overrides.scss" (24 Nov 2023, 1595 Bytes) of package /linux/misc/jitsi-meet-7675.tar.gz:
As a special service "Fossies" has tried to format the requested source page into HTML format using (guessed) Sass/SCSS source code syntax highlighting (style:
standard) with prefixed line numbers.
Alternatively you can here
view or
download the uninterpreted source code file.
1 /**
2 * Overrides for video containers that should not be centered aligned to avoid=
3 * clashing with the filmstrip.
4 */
5 .vertical-filmstrip #etherpad,
6 .stage-filmstrip #etherpad,
7 .vertical-filmstrip #sharedvideo,
8 .stage-filmstrip #sharedvideo {
9 text-align: left;
10 }
11
12 /**
13 * Overrides for small videos in vertical filmstrip mode.
14 */
15 .vertical-filmstrip .filmstrip__videos .videocontainer,
16 .stage-filmstrip .filmstrip__videos .videocontainer {
17 .self-view-mobile-portrait video {
18 object-fit: contain;
19 }
20 }
21
22 /**
23 * Overrides for quality labels in filmstrip only mode. The styles adjust the
24 * labels' positioning as the filmstrip itself or filmstrip's remote videos
25 * appear and disappear.
26 *
27 * The class with-filmstrip is for when the filmstrip is visible.
28 * The class without-filmstrip is for when the filmstrip has been toggled to
29 * be hidden.
30 * The class opening is for when the filmstrip is transitioning from hidden
31 * to visible.
32 */
33 .vertical-filmstrip .large-video-labels,
34 .stage-filmstrip .large-video-labels {
35 &.with-filmstrip {
36 right: 150px;
37 }
38
39 &.with-filmstrip.opening {
40 transition: 0.9s;
41 transition-timing-function: ease-in-out;
42 }
43
44 &.without-filmstrip {
45 transition: 1.2s ease-in-out;
46 transition-delay: 0.1s;
47 }
48 }
49
50 /**
51 * Overrides for self view when in portrait mode on mobile.
52 * This is done in order to keep the aspect ratio.
53 */
54 .vertical-filmstrip .self-view-mobile-portrait #localVideo_container,
55 .stage-filmstrip .self-view-mobile-portrait #localVideo_container {
56 object-fit: contain;
57 }