"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7688/css/_responsive.scss" (1 Dec 2023, 1637 Bytes) of package /linux/misc/jitsi-meet-7688.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 @media only screen and (max-width: $verySmallScreen) {
    2     .welcome {
    3         display: block;
    4 
    5         #enter_room {
    6             .welcome-page-button {
    7                 font-size: 16px;
    8                 left: 0;
    9                 text-align: center;
   10                 width: 100%;
   11             }
   12         }
   13 
   14         .header {
   15             background-color: #002637;
   16 
   17             .insecure-room-name-warning {
   18                 width: 100%;
   19             }
   20 
   21             #enter_room {
   22                 width: 100%;
   23 
   24                 .join-meeting-container {
   25                     padding: 0;
   26                     flex-direction: column;
   27                     background: transparent;
   28                 }
   29 
   30                 .enter-room-input-container {
   31                     padding-right: 0;
   32                     margin-bottom: 10px;
   33                 }
   34             }
   35         }
   36 
   37         .header-text-title {
   38             text-align: center;
   39         }
   40 
   41         .welcome-cards-container {
   42             padding: 0;
   43         }
   44 
   45         &.without-content {
   46             .header {
   47             height: 100%;
   48             }
   49         }
   50 
   51         #moderated-meetings {
   52             display: none;
   53         }
   54 
   55         .welcome-footer-row-block {
   56             display: block;
   57         }
   58     }
   59 }
   60 
   61 .desktop-browser {
   62     &.shift-right {
   63 
   64         @media only screen and (max-width: $verySmallScreen + $sidebarWidth) {
   65 
   66             #videoResolutionLabel {
   67                 display: none;
   68             }
   69             .vertical-filmstrip .filmstrip {
   70                 display: none;
   71             }
   72             .chrome-extension-banner {
   73                 display: none;
   74             }
   75         }
   76     }
   77 }