github.com/grafana/pyroscope@v1.18.0/public/app/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    margin-top: 0px;
    47    border-color: transparent;
    48    background-color: transparent;
    49    min-width: auto;
    50    width: 40px;
    51  
    52    svg {
    53      width: auto !important;
    54      height: 18px;
    55      // margin-top: 4px;
    56    }
    57  }