"Fossies" - the Fresh Open Source Software Archive

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