"Fossies" - the Fresh Open Source Software Archive

Member "jitsi-meet-5187/css/_popover.scss" (2 Aug 2021, 1146 Bytes) of package /linux/misc/jitsi-meet-5187.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  * Mousemove padding styles are used to add invisible elements to the popover
    3  * to allow mouse movement from the popover trigger to the popover itself
    4  * without triggering a mouseleave event.
    5  */
    6 .popover-mousemove-padding-bottom {
    7     bottom: -15px;
    8     height: 20px;
    9     position: absolute;
   10     right: 0;
   11     width: 100%;
   12 }
   13 
   14 %vertical-popover-padding {
   15     height: 100%;
   16     position: absolute;
   17     top: 0;
   18     width: 40px;
   19 }
   20 
   21 .popover-mousemove-padding-left {
   22     @extend %vertical-popover-padding;
   23     left: -20px;
   24 }
   25 
   26 .popover-mousemove-padding-right {
   27     @extend %vertical-popover-padding;
   28     right: -20px;
   29 }
   30 
   31 /**
   32  * An invisible element is added to the top of the popover to ensure the mouse
   33  * stays over the popover when the popover's height is shrunk, which would then
   34  * normally leave the mouse outside of the popover itself and cause a mouseleave
   35  * event.
   36  */
   37 .popover-mouse-padding-top {
   38     height: 30px;
   39     position: absolute;
   40     right: 0;
   41     top: -25px;
   42     width: 100%;
   43 }
   44 
   45 .popover {
   46     background-color: $popoverBg;
   47     border-radius: 3px;
   48     margin: -16px -24px;
   49     padding: 16px 24px;
   50     z-index: $popoverZ;
   51 }