github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/webapp/javascript/components/ExportData.module.scss (about)

     1  .dropdownContainer {
     2    position: relative;
     3    display: inline-block;
     4  }
     5  
     6  .dropdownMenuItem {
     7    display: block;
     8    clear: both;
     9    font-weight: normal;
    10    padding: 4px 16px;
    11    font-size: 11px;
    12    line-height: 20px;
    13    color: var(--ps-neutral-2) !important;
    14    text-decoration: none;
    15    white-space: nowrap;
    16    cursor: pointer;
    17    width: 100%;
    18    text-align: left;
    19    border: 0;
    20    &:hover {
    21      background-color: var(--ps-ui-element-bg-highlight);
    22    }
    23  }
    24  
    25  .menuShow {
    26    display: flex;
    27    min-width: 180px;
    28    position: absolute;
    29    right: 0;
    30    z-index: 1000;
    31    flex-direction: column;
    32    border: 1px solid var(--ps-ui-border);
    33    box-shadow: 0px 5px 10px var(--ps-dropdown-shadow);
    34    background-color: var(--ps-dropdown-background);
    35    color: var(--ps-neutral-1);
    36  }
    37  
    38  .menuHide {
    39    display: none;
    40  }
    41  
    42  .toggleMenuButton {
    43    height: 37px;
    44    padding: 0;
    45    margin-left: 2px;
    46    border-color: transparent;
    47    background-color: transparent;
    48    min-width: auto;
    49    width: 40px;
    50  
    51    svg {
    52      width: auto !important;
    53      height: 18px;
    54      // margin-top: 4px;
    55    }
    56  }