"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-6444/css/_recording.scss" (8 Aug 2022, 4113 Bytes) of package /linux/misc/jitsi-meet-6444.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. See also the last Fossies "Diffs" side-by-side code changes report for "_recording.scss": jitsi-meet_7439_vs_jitsi-meet_7577.

    1 .recordingSpinner {
    2     vertical-align: top;
    3 }
    4 
    5 .recording-dialog {
    6     flex: 0;
    7     flex-direction: column;
    8 
    9     .recording-header {
   10         align-items: center;
   11         display: flex;
   12         flex: 0;
   13         flex-direction: row;
   14         justify-content: space-between;
   15 
   16         .recording-title {
   17             display: inline-flex;
   18             align-items: center;
   19             font-size: 14px;
   20             margin-left: 16px;
   21         }
   22 
   23         &.space-top {
   24             margin-top: 10px;
   25         }
   26     }
   27 
   28     .recording-header-line {
   29         border-top: 1px solid #5e6d7a;
   30         padding-top: 16px;
   31         margin-top: 16px;
   32     }
   33 
   34     .local-recording-warning {
   35         margin-top: 8px;
   36         display: block;
   37         font-size: 14px;
   38         line-height: 20px;
   39         padding: 8px 16px;
   40 
   41         &.text {
   42             color: #fff;
   43             background-color: #3D3D3D;
   44         }
   45 
   46         &.notification {
   47             color: #040404;
   48             background-color: #F8AE1A;
   49         }
   50     }
   51 
   52     .recording-switch-disabled {
   53         opacity: 0.5;
   54     }
   55 
   56     .recording-icon-container {
   57         display: inline-flex;
   58         align-items: center;
   59     }
   60 
   61     .file-sharing-icon-container {
   62         background-color: #525252;
   63         border-radius: 4px;
   64         height: 40px;
   65         justify-content: center;
   66         width: 42px;
   67     }
   68 
   69     .cloud-content-recording-icon-container {
   70         background-color: #FFFFFF;
   71         border-radius: 4px;
   72         height: 40px;
   73         justify-content: center;
   74         width: 40px;
   75     }
   76 
   77     .jitsi-recording-header {
   78         margin-bottom: 16px;
   79     }
   80 
   81     .jitsi-content-recording-icon-container-with-switch {
   82         background-color: #FFFFFF;
   83         border-radius: 4px;
   84         height: 40px;
   85         width: 56px;
   86     }
   87 
   88     .jitsi-content-recording-icon-container-without-switch {
   89         background-color: #FFFFFF;
   90         border-radius: 4px;
   91         height: 40px;
   92         width: 46px;
   93     }
   94 
   95     .recording-icon {
   96         height: 40px;
   97         object-fit: contain;
   98         width: 40px;
   99     }
  100 
  101     .content-recording-icon {
  102         height: 18px;
  103         margin: 10px 0 0 10px;
  104         object-fit: contain;
  105         width: 18px;
  106     }
  107 
  108     .recording-file-sharing-icon {
  109         height: 18px;
  110         object-fit: contain;
  111         width: 18px;
  112     }
  113 
  114     .recording-info{
  115         background-color: #FFD740;
  116         color: black;
  117         display: inline-flex;
  118         margin: 32px 0;
  119         width: 100%;
  120     }
  121 
  122     .recording-info-icon {
  123         align-self: center;
  124         height: 14px;
  125         margin: 0 24px 0 16px;
  126         object-fit: contain;
  127         width: 14px;
  128     }
  129 
  130     .recording-info-title {
  131         display: inline-flex;
  132         font-size: 14px;
  133         width: 290px
  134     }
  135 
  136     .recording-switch {
  137         margin-left: auto;
  138     }
  139 
  140     .authorization-panel {
  141         display: flex;
  142         flex-direction: column;
  143         margin: 0 40px 10px 40px;
  144         padding-bottom: 10px;
  145 
  146         .logged-in-panel {
  147             padding: 10px;
  148         }
  149     }
  150 }
  151 
  152 .live-stream-dialog {
  153     /**
  154      * Set font-size to be consistent with Atlaskit FieldText.
  155      */
  156     font-size: 14px;
  157 
  158     .broadcast-dropdown,
  159     .broadcast-dropdown-trigger {
  160         text-align: left;
  161     }
  162 
  163     .form-footer {
  164         display: flex;
  165         margin-top: 5px;
  166         text-align: right;
  167         flex-direction: column;
  168 
  169         .help-container {
  170             display: flex;
  171         }
  172     }
  173 
  174     .live-stream-cta {
  175         a {
  176             cursor: pointer;
  177         }
  178     }
  179 
  180     .google-api {
  181         margin-top: 10px;
  182         min-height: 36px;
  183         text-align: center;
  184         width: 100%;
  185     }
  186 
  187     .google-error {
  188         color: $errorColor;
  189     }
  190 
  191     .google-panel {
  192         align-items: center;
  193         border-bottom: 2px solid rgba(0, 0, 0, 0.3);
  194         display: flex;
  195         flex-direction: column;
  196         padding-bottom: 10px;
  197     }
  198 
  199     .helper-link {
  200         cursor: pointer;
  201         font-weight: bold;
  202         display: inline-block;
  203         flex-shrink: 0;
  204         margin-left: auto;
  205     }
  206 
  207     .warning-text {
  208         color:#FFD740;
  209         font-size: 12px;
  210     }
  211 }