github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/ServiceLane/DotsMenu.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  
    17  .dots-menu {
    18      button {
    19          width: 100%;
    20          border-radius: 0px;
    21          .mdc-button-__label {
    22              font-size: x-large;
    23          }
    24          svg {
    25              margin-right: 10px;
    26          }
    27      }
    28  }
    29  
    30  .dots-menu-open {
    31      background-color: grey;
    32      z-index: 1000;
    33      border: 5px solid var(--mdc-theme-primary);
    34      border-radius: 5px;
    35      box-shadow:
    36          rgba(0, 0, 0, 0.2) 0px 5px 5px -3px,
    37          rgba(0, 0, 0, 0.14) 0px 8px 10px 1px,
    38          rgba(0, 0, 0, 0.12) 0px 3px 14px 2px;
    39      position: relative;
    40  
    41      .list {
    42          padding-inline-start: 0px;
    43          margin-block-start: 0px;
    44          margin-block-end: 0px;
    45  
    46          .item:not(:first-child) {
    47              border-top: 1px solid;
    48              border-color: white;
    49          }
    50          .item {
    51              list-style-type: none;
    52              padding: 0px;
    53          }
    54      }
    55  }
    56  
    57  .dots-menu-hidden {
    58      button {
    59          .mdc-button__label {
    60              font-size: x-large;
    61          }
    62      }
    63  }