"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-6316/css/filmstrip/_vertical_filmstrip_overrides.scss" (5 Jul 2022, 1595 Bytes) of package /linux/misc/jitsi-meet-6316.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 }