"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-6193/css/_video-preview.scss" (20 May 2022, 1796 Bytes) of package /linux/misc/jitsi-meet-6193.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-preview {
    2     background: none;
    3     display: inline-block;
    4 
    5     &-container {
    6         max-height: 344px;
    7         background: $menuBG;
    8         border-radius: 3px;
    9         overflow: auto;
   10         padding: 8px;
   11     }
   12 
   13     &-entry {
   14         cursor: pointer;
   15         height: 168px;
   16         margin-bottom: 8px;
   17         position: relative;
   18         width: 284px;
   19 
   20         &:last-child {
   21             margin-bottom: 0;
   22         }
   23 
   24         &--selected {
   25             border: 3px solid #31B76A;
   26             border-radius: 3px;
   27             cursor: default;
   28             height: 162px;
   29             width: 278px;
   30         }
   31     }
   32 
   33     &-video {
   34         border-radius: 3px;
   35         height: 100%;
   36         object-fit: cover;
   37         width: 100%;
   38     }
   39 
   40     &-overlay {
   41         background: rgba(42, 58, 75, 0.6);
   42         height: 100%;
   43         position: absolute;
   44         width: 100%;
   45         z-index: 1;
   46     }
   47 
   48     &-error {
   49         align-items: center;
   50         display: flex;
   51         height: 100%;
   52         justify-content: center;
   53         position: absolute;
   54         width: 100%;
   55     }
   56 
   57     &-label {
   58         bottom: 8px;
   59         color: #fff;
   60         position: absolute;
   61         width: 100%;
   62         z-index: 2;
   63 
   64         &-container {
   65             margin: 0 16px;
   66         }
   67 
   68         &-text {
   69             background-color: #131519;
   70             border-radius: 3px;
   71             padding: 2px 8px;
   72             font-size: 13px;
   73             line-height: 20px;
   74             margin: 0 auto;
   75             max-width: calc(100% - 16px);
   76             overflow: hidden;
   77             text-overflow: ellipsis;
   78             width: fit-content;
   79             white-space: nowrap;
   80         }
   81     }
   82     // Override @atlaskit/InlineDialog container which is made with styled components
   83     & > div:nth-child(2) {
   84         padding: 0;
   85     }
   86 }