github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/dropdown/dropdown.scss (about)

     1  /*This file is part of kuberpult.
     2  
     3  Kuberpult is free software: you can redistribute it and/or modify
     4  it under the terms of the Expat(MIT) License as published by
     5  the Free Software Foundation.
     6  
     7  Kuberpult is distributed in the hope that it will be useful,
     8  but WITHOUT ANY WARRANTY; without even the implied warranty of
     9  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    10  MIT License for more details.
    11  
    12  You should have received a copy of the MIT License
    13  along with kuberpult. If not, see <https://directory.fsf.org/wiki/License:Expat>.
    14  
    15  Copyright 2023 freiheit.com*/
    16  @use '@material/floating-label/mdc-floating-label';
    17  @use '@material/notched-outline/mdc-notched-outline';
    18  @use '@material/select/mdc-select';
    19  @use '@material/select/icon';
    20  
    21  label.mdc-select-label.new-line-height {
    22      line-height: 17px;
    23  }
    24  
    25  label.mdc-select-label {
    26      @extend .text-bold;
    27  }
    28  
    29  div.mdc-select {
    30      @extend .text-bold;
    31      width: 100%;
    32      min-height: 100%;
    33      border-radius: $border-radius-medium;
    34      fieldset {
    35          border-color: var(--mdc-theme-primary);
    36      }
    37  }
    38  
    39  .remove-space {
    40      fieldset {
    41          legend {
    42              max-width: 0.01px;
    43          }
    44      }
    45  }
    46  
    47  .dropdown {
    48      overflow-y: auto;
    49      min-width: 220px;
    50      left: 0;
    51      top: -5px;
    52      position: absolute;
    53      transform: none;
    54      padding-top: 10px;
    55  }
    56  
    57  .dropdown-arrow-container {
    58      position: relative;
    59      .dropdown-arrow {
    60          position: absolute;
    61          right: 10px;
    62          top: 10px;
    63          font-size: xx-large;
    64          pointer-events: none;
    65      }
    66  }
    67  
    68  .dropdown-input {
    69      height: 50px;
    70      border-radius: $border-radius-small;
    71      border: 1px solid blue;
    72      padding-left: 1em;
    73  }