github.com/siglens/siglens@v0.0.0-20240328180423-f7ce9ae441ed/static/component/single-box/single-box.css (about)

     1  * {
     2      box-sizing: border-box;
     3  }
     4  
     5  :root {
     6      --choose-item-background: var(--black-2);
     7      --search-box-input: var(--black-2);
     8  }
     9  
    10  [data-theme='light'] {
    11      --choose-item-background: var(--white-2);
    12      --search-box-input: var(--white-1);
    13  }
    14  * {
    15      box-sizing: border-box;
    16  }
    17  
    18  .dropdown-plugin{
    19      position: absolute;
    20      inset: 0px auto auto 0px;
    21      margin: 0px;
    22      transform: translate3d(0px, 40px, 0px);
    23      z-index: 1000;
    24      min-width: 10rem;
    25      padding: 8px 0;
    26      font-size: 1rem;
    27      color: #212529;
    28      text-align: left;
    29      list-style: none;
    30      background-clip: padding-box;
    31      border: 1px solid var(--border-btn-color);
    32      border-radius: 0.25rem;
    33      background-color: var(--default-tab);
    34      max-height: 200px;
    35      overflow-y: scroll;
    36      width: 100%;
    37      overflow-x: hidden;
    38      scrollbar-width: none; /* firefox */
    39      -ms-overflow-style: none;/* IE 10+ */
    40      display: none;
    41  }
    42  .dropdown-plugin::-webkit-scrollbar {
    43      display: none;
    44      /* Chrome Safari */
    45  }
    46  .single-dropdown-item{
    47      margin: 0 5px 5px 5px;
    48      width: auto;
    49      background-color: var(--choose-item-background);
    50      color: var(--border-switch);
    51      cursor: pointer;
    52      padding: 4px 0;
    53      padding-left: 12px;
    54      font-weight: var(--fw-400);
    55      font-family: "DINpro", Arial, sans-serif;
    56      border-radius: 4px;
    57  }
    58  .span-name-index,
    59  .single-dropdown-item,
    60  .span-name-text{
    61      overflow: hidden;
    62      text-overflow: ellipsis;
    63      white-space: nowrap;
    64  }
    65  
    66  .dropdown-toggle {
    67      width: 100%;
    68      display: flex;
    69      flex-direction: row;
    70      justify-content: space-between;
    71      align-items: center;
    72      background: var(--search-box-input);
    73      border: 1px solid var(--border-btn-color) !important;
    74  }
    75  .dropdown-toggle.show{
    76      background: var(--drop-down-btn-bg-active) !important;
    77      outline: 1px solid var(--drop-down-btn-border-active) !important;
    78      outline-offset: -1pt;
    79  }
    80  .dropdown-toggle.show>.dropdown-arrow-show{
    81      background-image: url("../../assets/up-arrow-btn-light-theme.svg") !important;
    82      background-repeat: no-repeat;
    83      background-position: center;
    84  }
    85  .dropdown-arrow-show{
    86      background-image: url("../../assets/arrow-btn.svg");;
    87      background-repeat: no-repeat;
    88      background-position: center;
    89      width: 10px;
    90      height: 10px;
    91  }
    92  
    93  .single-dropdown-item:hover {
    94      background-color: var(--index-drop-down-item-hover-bg-color);
    95      color: var(--index-drop-down-item-hover-text-color);
    96  }
    97  
    98  .single-dropdown-item.active {
    99      background: var(--index-drop-down-item-active-bg-color);
   100      color: var(--index-drop-down-item-active-text-color);
   101  }