"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5186/css/_responsive.scss" (30 Jul 2021, 1716 Bytes) of package /linux/misc/jitsi-meet-5186.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             position: relative;
    7             height: 42px;
    8 
    9             .welcome-page-button {
   10             font-size: 16px;
   11             left: 0;
   12             position: absolute;
   13             top: 68px;
   14             text-align: center;
   15             width: 100%;
   16             }
   17         }
   18 
   19         .header {
   20             background-color: #002637;
   21 
   22             #enter_room {
   23                 .enter-room-input-container {
   24                     padding-right: 0;
   25                 }
   26 
   27                 .warning-without-link,
   28                 .warning-with-link {
   29                     top: 120px;
   30                 }
   31             }
   32         }
   33 
   34         .welcome-tabs {
   35             display: none;
   36         }
   37 
   38         .header-text-title {
   39             text-align: center;
   40         }
   41 
   42         .welcome-cards-container {
   43             padding: 0;
   44         }
   45 
   46         &.without-content {
   47             .header {
   48             height: 100%;
   49             }
   50         }
   51 
   52         #moderated-meetings {
   53             display: none;
   54         }
   55 
   56         .welcome-footer-row-block {
   57             display: block;
   58         }
   59         .welcome-badge {
   60             margin-right: 16px;
   61         }
   62 
   63         .welcome-footer {
   64             display: none;
   65         }
   66     }
   67 }
   68 
   69 .desktop-browser {
   70     &.shift-right {
   71 
   72         @media only screen and (max-width: $verySmallScreen + $sidebarWidth) {
   73 
   74             #videoResolutionLabel {
   75                 display: none;
   76             }
   77             .vertical-filmstrip .filmstrip {
   78                 display: none;
   79             }
   80             .chrome-extension-banner {
   81                 display: none;
   82             }
   83         }
   84     }
   85 }