"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7323/css/premeeting/_premeeting-screens.scss" (7 Jun 2023, 2689 Bytes) of package /linux/misc/jitsi-meet-7323.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 "_premeeting-screens.scss": jitsi-meet_8319_vs_jitsi-meet_8615.

    1 .premeeting-screen {
    2     .action-btn {
    3         border-radius: 6px;
    4         box-sizing: border-box;
    5         color: #fff;
    6         cursor: pointer;
    7         display: inline-block;
    8         font-size: 14px;
    9         font-weight: 600;
   10         line-height: 24px;
   11         margin-bottom: 16px;
   12         padding: 7px 16px;
   13         position: relative;
   14         text-align: center;
   15         width: 100%;
   16 
   17         &.primary {
   18             background: #0376DA;
   19             border: 1px solid #0376DA;
   20         }
   21 
   22         &.secondary {
   23             background: #3D3D3D;
   24             border: 1px solid transparent;
   25         }
   26 
   27         &.text {
   28             width: auto;
   29             font-size: 13px;
   30             margin: 0;
   31             padding: 0;
   32         }
   33 
   34         &.disabled {
   35             background: #5E6D7A;
   36             border: 1px solid #5E6D7A;
   37             color: #AFB6BC;
   38             cursor: initial;
   39 
   40             .icon {
   41                 & > svg {
   42                     fill: #AFB6BC;
   43                 }
   44             }
   45         }
   46 
   47         .options {
   48             border-radius: 3px;
   49             align-items: center;
   50             display: flex;
   51             height: 100%;
   52             justify-content: center;
   53             position: absolute;
   54             right: 0;
   55             top: 0;
   56             width: 36px;
   57 
   58             &:hover {
   59                 background-color: #0262B6;
   60             }
   61 
   62             svg {
   63                 pointer-events: none;
   64             }
   65         }
   66     }
   67 
   68     #new-toolbox {
   69         bottom: 0;
   70         position: relative;
   71         transition: none;
   72 
   73         .toolbox-content {
   74             margin-bottom: 4px;
   75         }
   76 
   77         .toolbox-content-items {
   78             @include ltr;
   79             background: transparent;
   80             box-shadow: none;
   81             display: flex;
   82             justify-content: space-between;
   83             padding: 8px 0;
   84         }
   85 
   86         .toolbox-content,
   87         .toolbox-content-wrapper,
   88         .toolbox-content-items {
   89             box-sizing: border-box;
   90             width: auto;
   91         }
   92     }
   93 
   94     @media (max-width: 400px) {
   95         .device-status-error {
   96             border-radius: 0;
   97             margin: 0 -16px;
   98         }
   99 
  100         .action-btn {
  101             font-size: 16px;
  102             margin-bottom: 8px;
  103             padding: 11px 16px;
  104         }
  105     }
  106 }
  107 
  108 #preview {
  109     background: #040404;
  110     display: flex;
  111     align-items: center;
  112     justify-content: center;
  113     height: 100%;
  114     width: 100%;
  115 
  116     .avatar {
  117         text {
  118             fill: white;
  119         }
  120     }
  121 
  122     video {
  123         height: 100%;
  124         object-fit: cover;
  125         width: 100%;
  126     }
  127 }
  128 
  129 @mixin flex-centered() {
  130     align-items: center;
  131     display: flex;
  132     justify-content: center;
  133 }