"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4442/css/_mini_toolbox.scss" (29 Sep 2020, 1247 Bytes) of package /linux/misc/jitsi-meet-4442.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 .filmstrip-toolbox,
    2 .always-on-top-toolbox {
    3     background-color: $newToolbarBackgroundColor;
    4     border-radius: 3px;
    5     display: flex;
    6     z-index: $toolbarZ;
    7 
    8     .toolbox-icon {
    9         cursor: pointer;
   10         padding: 7px;
   11 
   12         &.toggled {
   13             background: $AOTToolbarButtonToggleColor;
   14         }
   15 
   16         &.disabled {
   17             cursor: initial;
   18         }
   19     }
   20 }
   21 
   22 .always-on-top-toolbox {
   23     flex-direction: row;
   24     left: 50%;
   25     position: absolute;
   26     top: 10px;
   27     transform: translateX(-50%);
   28 
   29     .toolbox-button {
   30         &:first-child {
   31             .toolbox-icon {
   32                 border-top-left-radius: 3px;
   33                 border-bottom-left-radius: 3px;
   34             }
   35         }
   36 
   37         &:nth-child(2) {
   38             svg {
   39                 fill: $hangupColor;
   40             }
   41         }
   42 
   43         &:last-child {
   44             .toolbox-icon {
   45                 border-top-right-radius: 3px;
   46                 border-bottom-right-radius: 3px;
   47             }
   48         }
   49     }
   50 }
   51 
   52 .filmstrip-toolbox {
   53     flex-direction: column;
   54 
   55     .toolbox-button {
   56         &:nth-child(1) {
   57             svg {
   58                 fill: $hangupColor;
   59             }
   60         }
   61 
   62         .toolbox-icon {
   63             border-radius: 3px;
   64         }
   65     }
   66 }