"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-4565/css/_video-preview.scss" (27 Nov 2020, 1381 Bytes) of package /linux/misc/jitsi-meet-4565.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     max-height: 290px;
    4 
    5     &-container {
    6         overflow: auto;
    7         padding: 16px;
    8     }
    9 
   10     &-entry {
   11         cursor: pointer;
   12         height: 135px;
   13         margin-bottom: 16px;
   14         position: relative;
   15         width: 240px;
   16 
   17         &:last-child {
   18             margin-bottom: 0;
   19         }
   20 
   21         &--selected {
   22             border: 3px solid #31B76A;
   23             cursor: default;
   24             height: 129px;
   25             width: 234px;
   26         }
   27     }
   28 
   29     &-video {
   30         height: 100%;
   31         object-fit: cover;
   32         width: 100%;
   33     }
   34 
   35     &-overlay {
   36         background: rgba(42, 58, 75, 0.6);
   37         height: 100%;
   38         position: absolute;
   39         width: 100%;
   40         z-index: 1;
   41     }
   42 
   43     &-error {
   44         align-items: center;
   45         display: flex;
   46         height: 100%;
   47         justify-content: center;
   48         position: absolute;
   49         width: 100%;
   50     }
   51 
   52     &-label {
   53         color: #fff;
   54         font-size: 13px;
   55         line-height: 20px;
   56         overflow: hidden;
   57         padding: 8px;
   58         position: absolute;
   59         text-align: center;
   60         text-overflow: ellipsis;
   61         width: 220px;
   62         z-index: 2;
   63     }
   64 
   65     // Override @atlaskit/InlineDialog container which is made with styled components
   66     & > div > div:nth-child(2) > div > div {
   67         outline: none;
   68         padding: 0;
   69     }
   70 }