"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4420/css/filmstrip/_tile_view_overrides.scss" (18 Sep 2020, 1459 Bytes) of package /linux/misc/jitsi-meet-4420.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  * Various overrides outside of the filmstrip to style the app to support a
    3  * tiled thumbnail experience.
    4  */
    5 .tile-view {
    6     /**
    7      * Let the avatar grow with the tile.
    8      */
    9     .avatar-container {
   10         max-height: initial;
   11         max-width: initial;
   12     }
   13 
   14     /**
   15      * Hide various features that should not be displayed while in tile view.
   16      */
   17     #dominantSpeaker,
   18     #filmstripLocalVideoThumbnail,
   19     #largeVideoElementsContainer,
   20     #sharedVideo,
   21     .filmstrip__toolbar {
   22         display: none;
   23     }
   24 
   25     #remoteConnectionMessage,
   26     .watermark {
   27         z-index: $filmstripVideosZ + 1;
   28     }
   29 
   30     /**
   31      * The follow styling uses !important to override inline styles set with
   32      * javascript.
   33      *
   34      * TODO: These overrides should be more easy to remove and should be removed
   35      * when the components are in react so their rendering done declaratively,
   36      * making conditional styling easier to apply.
   37      */
   38     #largeVideoElementsContainer,
   39     #remoteConnectionMessage,
   40     #remotePresenceMessage {
   41         display: none !important;
   42     }
   43 
   44     /**
   45      * Thumbnail popover menus can overlap other thumbnails. Setting an auto
   46      * z-index will allow AtlasKit InlineDialog's large z-index to be
   47      * respected and thereby display over elements in other thumbnails,
   48      * specifically the various status icons.
   49      */
   50     .remotevideomenu,
   51     .videocontainer__toptoolbar {
   52         z-index: auto;
   53     }
   54 }