"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4434/css/modals/video-quality/_video-quality.scss" (25 Sep 2020, 3410 Bytes) of package /linux/misc/jitsi-meet-4434.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 .video-quality-dialog {
    2     .hide-warning {
    3         height: 0;
    4         visibility: hidden;
    5     }
    6 
    7     .video-quality-dialog-title {
    8         margin-bottom: 10px;
    9     }
   10 
   11     .video-quality-dialog-contents {
   12         align-items: center;
   13         display: flex;
   14         flex-direction: column;
   15         padding: 10px;
   16         min-width: 250px;
   17 
   18         .video-quality-dialog-slider-container {
   19             width: 100%;
   20             text-align: center;
   21         }
   22 
   23         .video-quality-dialog-slider {
   24             width: calc(100% - 5px);
   25 
   26             @mixin sliderTrackStyles() {
   27                 height: 15px;
   28                 border-radius: 10px;
   29                 background: rgb(14, 22, 36);
   30             }
   31 
   32             &::-ms-track {
   33                 @include sliderTrackStyles();
   34             }
   35 
   36             &::-moz-range-track {
   37                 @include sliderTrackStyles();
   38             }
   39 
   40             &::-webkit-slider-runnable-track {
   41                 @include sliderTrackStyles();
   42             }
   43 
   44             @mixin sliderThumbStyles() {
   45                 top: 50%;
   46                 border: none;
   47                 position: relative;
   48                 opacity: 0;
   49             }
   50 
   51             &::-ms-thumb {
   52                 @include sliderThumbStyles();
   53             }
   54 
   55             &::-moz-range-thumb {
   56                 @include sliderThumbStyles();
   57 
   58             }
   59 
   60             &::-webkit-slider-thumb {
   61                 @include sliderThumbStyles();
   62             }
   63         }
   64 
   65         .video-quality-dialog-labels {
   66             box-sizing: border-box;
   67             display: flex;
   68             margin-top: 5px;
   69             position: relative;
   70             width: 90%;
   71         }
   72 
   73         .video-quality-dialog-label-container {
   74             position: absolute;
   75             text-align: center;
   76             transform: translate(-50%, 0%);
   77 
   78             &::before {
   79                 content: '';
   80                 border-radius: 50%;
   81                 left: 0;
   82                 height: 6px;
   83                 margin: 0 auto;
   84                 pointer-events: none;
   85                 position: absolute;
   86                 right: 0;
   87                 top: -16px;
   88                 width: 6px;
   89             }
   90         }
   91 
   92         .video-quality-dialog-label-container.active {
   93             color: $videoQualityActive;
   94 
   95             &::before {
   96                 background: $videoQualityActive;
   97                 height: 12px;
   98                 top: -19px;
   99                 width: 12px;
  100             }
  101         }
  102 
  103         .video-quality-dialog-label-container:first-child {
  104             position: relative;
  105         }
  106 
  107         .video-quality-dialog-label {
  108             display: table-caption;
  109             word-spacing: unset;
  110         }
  111     }
  112 
  113     &.video-not-supported {
  114         .video-quality-dialog-labels {
  115             color: gray;
  116         }
  117 
  118         .video-quality-dialog-slider {
  119             @mixin sliderTrackDisabledStyles() {
  120                 background: rgba(14, 22, 36, 0.1);
  121             }
  122 
  123             &::-ms-track {
  124                 @include sliderTrackDisabledStyles();
  125             }
  126 
  127             &::-moz-range-track {
  128                 @include sliderTrackDisabledStyles();
  129             }
  130 
  131             &::-webkit-slider-runnable-track {
  132                 @include sliderTrackDisabledStyles();
  133             }
  134         }
  135     }
  136 }
  137 
  138 .modal-dialog-form {
  139     .video-quality-dialog-title {
  140         display: none;
  141     }
  142 }
  143 
  144 #videoResolutionLabel {
  145     z-index: $zindex3 + 1;
  146 }