"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5079/css/_popup_menu.scss" (17 Jun 2021, 2530 Bytes) of package /linux/misc/jitsi-meet-5079.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 /**
    2 * Initialize
    3 **/
    4 
    5 .popupmenu {
    6     background-color: $menuBG;
    7     border-radius: 3px;
    8     min-width: 150px;
    9     text-align: left;
   10     padding: 0px;
   11     white-space: nowrap;
   12 
   13     &__item {
   14         list-style-type: none;
   15         height: 35px;
   16     }
   17 
   18     // Link Appearance
   19     &__link,
   20     &__contents {
   21         display: block;
   22         box-sizing: border-box;
   23         text-decoration: none;
   24         height: 100%;
   25         font-size: 9pt;
   26         width: 100%;
   27         cursor: pointer;
   28         padding: 0 5px;
   29         color: $popupMenuColor;
   30 
   31         &:hover {
   32             background-color: $popupMenuHoverBackground;
   33             color: $popupMenuHoverColor;
   34         }
   35 
   36         &.disabled {
   37             pointer-events: none;
   38         }
   39     }
   40 
   41     &__text {
   42         display: inline-block;
   43         margin-left: 8px;
   44         vertical-align: middle;
   45     }
   46 
   47     &__link {
   48         i {
   49             cursor: pointer;
   50         }
   51     }
   52 
   53     &__contents {
   54         display: flex;
   55 
   56         /**
   57          * Positioning styles on the slider and its container are used to make
   58          * the container fit the popup width, by removing the slider from the
   59          * page flow, and then making the slider fit the container.
   60          */
   61         .popupmenu__slider_container {
   62             position: relative;
   63             width: 100%;
   64 
   65             .popupmenu__slider {
   66                 position: absolute;
   67                 top: 50%;
   68                 transform: translate(0, -50%);
   69                 width: 100%;
   70 
   71                 &::-webkit-slider-runnable-track {
   72                     background-color: $popupSliderColor;
   73                 }
   74 
   75                 &::-moz-range-track {
   76                     background-color: $popupSliderColor;
   77                 }
   78 
   79                 &::-ms-fill-lower {
   80                     background-color: $popupSliderColor;
   81                 }
   82             }
   83         }
   84     }
   85 
   86     &__icon {
   87         vertical-align: middle;
   88         position: relative;
   89         display: inline-block;
   90         min-width: 20px;
   91         height: 100%;
   92         padding-right: 10px;
   93 
   94         > * {
   95             @include absoluteAligning();
   96         }
   97     }
   98 
   99     .icon-kick,
  100     .icon-play,
  101     .icon-stop {
  102         font-size: 8pt;
  103     }
  104 }
  105 
  106 /**
  107  * Override reset css styling modifying all lists and set negative margin to
  108  * reduce the visibility of padding on AtlasKit
  109  * InlineDialogs.
  110  */
  111 ul.popupmenu {
  112     margin: -16px -24px;
  113 }
  114 
  115 span.localvideomenu:hover ul.popupmenu, span.remotevideomenu:hover ul.popupmenu, ul.popupmenu:hover {
  116     display:block !important;
  117 }