github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/snackbar/snackbar.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  @import '../../../assets/variables';
    17  
    18  .k-snackbar {
    19      // align to the bottom of the viewport:
    20      position: fixed;
    21      bottom: 8px;
    22      // do not overlap with the nav bar on the left:
    23      margin-left: ($nav-bar-width + 0.5em);
    24      padding: 1em 0 1em 20px;
    25  
    26      color: white;
    27  
    28      .mdc-snackbar__surface {
    29          border-radius: 6px;
    30      }
    31      &.snackbar-color-error {
    32          background-color: var(--mdc-theme-error);
    33      }
    34      &.snackbar-color-warn {
    35          background-color: var(--mdc-theme-warn);
    36      }
    37      &.snackbar-color-success {
    38          background-color: var(--mdc-theme-success);
    39      }
    40  
    41      .mdc-button.mdc-ripple-upgraded {
    42          color: white;
    43      }
    44  
    45      .k-snackbar-content {
    46          display: flex;
    47  
    48          .k-snackbar-text {
    49              flex: 1;
    50              text-align: center;
    51          }
    52  
    53          .k-snackbar-button {
    54              margin-left: 20px;
    55              button {
    56                  // the button is naturally bigger than the span (k-snackbar-text)
    57                  // thus we reduce it, so they are aligned:
    58                  max-height: 14px;
    59              }
    60          }
    61      }
    62  }