"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/filmstrip/_vertical_filmstrip_overrides.scss" (17 Jun 2021, 2884 Bytes) of package /linux/misc/jitsi-meet-5079.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. See also the last Fossies "Diffs" side-by-side code changes report for "_vertical_filmstrip_overrides.scss": 5062_vs_5064.

    1 /**
    2  * Rotate the hide filmstrip icon so it points towards the right edge
    3  * of the screen.
    4  */
    5 .vertical-filmstrip .filmstrip__toolbar {
    6     transform: rotate(-90deg);
    7 }
    8 
    9 /**
   10  * Overrides for video containers that should not be centered aligned to avoid=
   11  * clashing with the filmstrip.
   12  */
   13 .vertical-filmstrip #etherpad,
   14 .vertical-filmstrip #sharedvideo {
   15     text-align: left;
   16 }
   17 
   18 /**
   19  * Overrides for small videos in vertical filmstrip mode.
   20  */
   21 .vertical-filmstrip .filmstrip__videos .videocontainer {
   22     /**
   23      * Move status icons to the bottom right of the thumbnail.
   24      */
   25     .videocontainer__toolbar {
   26         /**
   27          * FIXME: disable pointer to allow any elements moved below to still
   28          * be clickable. The real fix would to make sure those moved elements
   29          * are actually part of the toolbar instead of positioning being faked.
   30          */
   31         pointer-events: none;
   32         text-align: right;
   33 
   34         > div {
   35             pointer-events: none;
   36         }
   37 
   38         .right {
   39             float: none;
   40             margin: auto;
   41         }
   42 
   43         .toolbar-icon {
   44             pointer-events: all;
   45         }
   46     }
   47 
   48     /**
   49      * Apply hardware acceleration to prevent flickering on scroll. The
   50      * selectors are specific to icon wrappers to prevent fixed position dialogs
   51      * and tooltips from getting a new location context due to translate3d.
   52      */
   53     .connection-indicator,
   54     .local-video-menu-trigger,
   55     .remote-video-menu-trigger,
   56     .indicator-icon-container {
   57         transform: translate3d(0, 0, 0);
   58     }
   59 
   60     .indicator-icon-container {
   61         display: inline-block;
   62     }
   63 
   64     .indicator-container {
   65         float: none;
   66     }
   67 
   68     /**
   69      * Move the remote video menu trigger to the bottom left of the video
   70      * thumbnail.
   71      */
   72     .localvideomenu,
   73     .remotevideomenu,
   74     .local-video-menu-trigger,
   75     .remote-video-menu-trigger {
   76         bottom: 0;
   77         left: 0;
   78         top: auto;
   79         right: auto;
   80     }
   81 
   82     .local-video-menu-trigger,
   83     .remote-video-menu-trigger {
   84         margin-bottom: 3px;
   85         margin-left: $remoteVideoMenuIconMargin;
   86     }
   87 }
   88 
   89 /**
   90  * Overrides for quality labels in filmstrip only mode. The styles adjust the
   91  * labels' positioning as the filmstrip itself or filmstrip's remote videos
   92  * appear and disappear.
   93  *
   94  * The class with-filmstrip is for when the filmstrip is visible.
   95  * The class without-filmstrip is for when the filmstrip has been toggled to
   96  * be hidden.
   97  * The class opening is for when the filmstrip is transitioning from hidden
   98  * to visible.
   99  */
  100 .vertical-filmstrip .large-video-labels {
  101     &.with-filmstrip {
  102         right: 150px;
  103     }
  104 
  105     &.with-filmstrip.opening {
  106         transition: 0.9s;
  107         transition-timing-function: ease-in-out;
  108     }
  109 
  110     &.without-filmstrip {
  111         transition: 1.2s ease-in-out;
  112         transition-delay: 0.1s;
  113     }
  114 }