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

     1  .button {
     2    display: flex;
     3    flex-direction: row;
     4    align-items: center;
     5    flex-shrink: 0;
     6    white-space: nowrap;
     7    cursor: pointer;
     8    border: none;
     9    outline: none;
    10    width: 100%;
    11    justify-content: space-between;
    12    padding-left: 10px;
    13    padding-right: 10px;
    14    overflow: hidden;
    15    height: 35px;
    16  
    17    & > div {
    18      display: flex;
    19      align-items: center;
    20      max-width: 100%;
    21    }
    22  
    23    &:hover {
    24      background-color: var(--ps-ui-element-bg-highlight);
    25    }
    26  
    27    &.isSelected {
    28      background-color: var(--ps-blue-primary);
    29    }
    30  }
    31  
    32  .itemIcon {
    33    width: 18px !important;
    34    display: flex;
    35    flex-shrink: 0;
    36    margin-right: 10px;
    37  }
    38  
    39  .pyroscopeLogo {
    40    width: 18px;
    41    height: 18px;
    42    margin-right: 10px;
    43    display: flex;
    44    flex-shrink: 0;
    45  }
    46  
    47  .appName {
    48    overflow: hidden;
    49    white-space: nowrap;
    50    text-overflow: ellipsis;
    51  }
    52  
    53  .chevron {
    54    margin-left: 10px;
    55  }