github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/ReleaseCard/ReleaseCard.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/card/mdc-card';
    17  
    18  .mdc-tooltip__title.release__details {
    19      white-space: pre-wrap;
    20      font-height: 7px;
    21  }
    22  
    23  .release-card__container {
    24      display: flex;
    25      flex-direction: column;
    26  }
    27  
    28  .release-card {
    29      border-radius: $border-radius-medium;
    30      min-height: $release-card-height;
    31      max-height: $release-card-height;
    32      min-width: $release-card-width;
    33      max-width: $release-card-width;
    34      margin: $release-card-margin;
    35      color: var(--mdc-theme-on-surface);
    36      box-shadow: none;
    37  
    38      .release-card__description {
    39          height: $release-card-height;
    40          padding: $release-card-inner-padding;
    41      }
    42  }
    43  
    44  .release-card__header {
    45      .release__title {
    46          @extend .text-bold;
    47          overflow: hidden;
    48          display: -webkit-box;
    49          -webkit-line-clamp: 2;
    50          -webkit-box-orient: vertical;
    51      }
    52  }
    53  
    54  .release__hash {
    55      @extend .text-bold;
    56      height: $release-card-hash-height;
    57  }
    58  
    59  .release__details {
    60      .release__metadata {
    61          .date {
    62              color: var(--mdc-theme-primary);
    63          }
    64      }
    65  }
    66  
    67  .release__environments {
    68      align-self: center;
    69      z-index: 2;
    70      min-height: $release-card-environments-min-height;
    71  }
    72  
    73  .release__environment_status {
    74      margin-top: 10px;
    75      margin-left: -10px;
    76      border-spacing: 10px;
    77  }
    78  
    79  .release__status {
    80      position: absolute;
    81      height: $release-card-hash-height;
    82      bottom: $release-card-inner-padding;
    83      right: $release-card-inner-padding;
    84  }
    85  
    86  .rollout__icon_error,
    87  .rollout__icon_unhealthy {
    88      color: var(--mdc-theme-error);
    89  }
    90  
    91  .rollout__icon_unknown {
    92      color: var(--mdc-theme-on-surface);
    93  }
    94  
    95  .rollout__icon_progressing,
    96  .rollout__icon_pending {
    97      color: var(--mdc-theme-secondary);
    98  }