"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5186/css/_lobby.scss" (30 Jul 2021, 2490 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 #lobby-screen {
    2     .content {
    3 
    4         .container {
    5             align-items: center;
    6             display: flex;
    7             flex-direction: column;
    8 
    9             .spinner {
   10                 margin: 30px;
   11             }
   12 
   13             .joining-message {
   14                 margin: 10px;
   15             }
   16         }
   17     }
   18 }
   19 
   20 #lobby-section {
   21     display: flex;
   22     flex-direction: column;
   23 
   24     .description {
   25         font-size: 13px;
   26     }
   27 
   28     .control-row {
   29         display: flex;
   30         flex-direction: row;
   31         justify-content: space-between;
   32         margin-top: 15px;
   33 
   34         label {
   35             font-size: 14px;
   36             font-weight: bold;
   37         }
   38     }
   39 }
   40 
   41 #notification-participant-list {
   42     background-color: $newToolbarBackgroundColor;
   43     border: 1px solid rgba(255, 255, 255, .4);
   44     border-radius: 8px;
   45     left: 0;
   46     margin: 20px;
   47     max-height: 600px;
   48     overflow: hidden;
   49     overflow-y: auto;
   50     position: fixed;
   51     top: 30px;
   52     z-index: $toolbarZ + 1;
   53 
   54     &.toolbox-visible {
   55         // Same as toolbox subject position
   56         top: 120px;
   57     }
   58 
   59     .title {
   60         background-color: rgba(0, 0, 0, .2);
   61         font-size: 1.2em;
   62         padding: 15px
   63     }
   64 
   65     button {
   66         align-self: stretch;
   67         margin: 8px 0;
   68         padding: 12px;
   69         transition: .2s transform ease;
   70 
   71         &:disabled {
   72             opacity: .5;
   73         }
   74 
   75         &:hover {
   76             transform: scale(1.05);
   77 
   78             &:disabled {
   79                 transform: none;
   80             }
   81         }
   82 
   83         &.borderLess {
   84             background-color: transparent;
   85             border-width: 0;
   86         }
   87 
   88         &.primary {
   89             background-color: rgb(3, 118, 218);
   90             border-width: 0;
   91         }
   92     }
   93 }
   94 
   95 .knocking-participants-container {
   96     list-style-type: none;
   97     padding: 0 15px 15px 15px;
   98 }
   99 
  100 .knocking-participant {
  101     align-items: center;
  102     display: flex;
  103     flex-direction: row;
  104     margin: 8px 0;
  105 
  106     .details {
  107         display: flex;
  108         flex: 1;
  109         flex-direction: column;
  110         justify-content: space-evenly;
  111         margin: 0 30px 0 10px;
  112     }
  113 
  114     button {
  115         align-self: unset;
  116         margin: 0 5px;
  117     }
  118 }
  119 
  120 @media (max-width: 300px) {
  121     #knocking-participant-list {
  122         margin: 0;
  123         text-align: center;
  124         width: 100%;
  125 
  126         .avatar {
  127             display: none;
  128         }
  129     }
  130 
  131     .knocking-participant {
  132         flex-direction: column;
  133 
  134         .details {
  135             margin: 0;
  136         }
  137     }
  138 }