github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/ServiceLane/ServiceLane.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  .service-lane__header {
    17      background: var(--mdc-theme-primary);
    18      color: var(--mdc-theme-on-primary);
    19      display: flex;
    20      align-items: center;
    21      justify-content: space-between;
    22      padding: $service-lane-header-padding;
    23      border-radius: $border-radius-medium;
    24      height: $service-lane-header-height;
    25  
    26      white-space: nowrap;
    27      .service__name {
    28          overflow: hidden;
    29          @extend .sub-headline1;
    30          display: flex;
    31          align-items: center;
    32      }
    33  
    34      .service-action {
    35          border: 1px solid var(--mdc-theme-on-primary);
    36          border-radius: $border-radius-medium;
    37          margin-left: $service-lane-header-actions-margin-left;
    38          height: $service-lane-header-actions-height;
    39          color: var(--mdc-theme-on-primary);
    40          .mdc-button__label {
    41              padding-left: $service-lane-header-actions-button-padding-left;
    42              @extend .text-bold;
    43          }
    44      }
    45  }
    46  
    47  .service__releases {
    48      display: flex;
    49      margin: $service-lane-releases-margin;
    50  }
    51  
    52  .service-lane__diff {
    53      display: flex;
    54  }
    55  
    56  .service-lane__diff--container {
    57      display: flex;
    58      flex-direction: row;
    59      align-self: center;
    60      justify-content: space-evenly;
    61      width: $service-lane-diff-element-width;
    62  
    63      .service-lane__diff--number {
    64          @extend .text-bold;
    65          display: flex;
    66          align-items: center;
    67          box-sizing: border-box;
    68          justify-content: space-evenly;
    69  
    70          // Copied from figma
    71          width: 24px;
    72          height: 24px;
    73          border: 2px solid $service-lane-diff-element-border-color;
    74          border-radius: $border-radius-large;
    75      }
    76  
    77      .service-lane__diff--dot {
    78          align-self: center;
    79          box-sizing: border-box;
    80  
    81          // Copied from figma
    82          width: 3px;
    83          height: 3px;
    84          background: $service-lane-diff-element-border-color;
    85          border-radius: $border-radius-large;
    86      }
    87  }