"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-7305/css/_drawer.scss" (26 May 2023, 1907 Bytes) of package /linux/misc/jitsi-meet-7305.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 .drawer-portal {
    2     position: absolute;
    3     left: 0;
    4     right: 0;
    5     bottom: 0;
    6     z-index: $drawerZ;
    7     border-radius: 16px 16px 0 0;
    8 
    9     &.notification-portal {
   10         z-index: $dropdownZ;
   11     }
   12 }
   13 
   14 .drawer-portal::after {
   15     content: '';
   16     background-color: $participantsPaneBgColor;
   17     margin-bottom: env(safe-area-inset-bottom, 0);
   18 }
   19 
   20 .drawer-menu-container {
   21     height: 100vh;
   22     display: flex;
   23     align-items: flex-end;
   24 }
   25 
   26 .drawer-menu {
   27     overflow-y: auto;
   28     margin-bottom: env(safe-area-inset-bottom, 0);
   29     width: 100%;
   30 
   31     .drawer-toggle {
   32         display: flex;
   33         justify-content: center;
   34         align-items: center;
   35         height: 44px;
   36         cursor: pointer;
   37 
   38         svg {
   39             fill: none;
   40         }
   41     }
   42 
   43     &#{&} .overflow-menu {
   44         margin: auto;
   45         font-size: 1.2em;
   46         list-style-type: none;
   47         padding: 0;
   48         height: calc(80vh - 144px - 64px);
   49         overflow-y: auto;
   50 
   51         .overflow-menu-item {
   52             box-sizing: border-box;
   53             height: 48px;
   54             padding: 12px 16px;
   55 
   56             align-items: center;
   57             color: $overflowMenuItemColor;
   58             cursor: pointer;
   59             display: flex;
   60             font-size: 16px;
   61 
   62             div {
   63                 display: flex;
   64                 flex-direction: row;
   65                 align-items: center;
   66             }
   67 
   68             &.unclickable {
   69                 cursor: default;
   70             }
   71             @media (hover: hover) and (pointer: fine) {
   72                 &.unclickable:hover {
   73                     background: inherit;
   74                 }
   75             }
   76             &.disabled {
   77                 cursor: initial;
   78                 color: #3b475c;
   79             }
   80         }
   81 
   82         .profile-text {
   83             max-width: 100%;
   84             text-overflow: ellipsis;
   85             overflow: hidden;
   86             white-space: nowrap;
   87         }
   88     }
   89 }