github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/ProductVersion/ProductVersion.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  /* The actual timeline (the vertical ruler) */
    17  @import '../../../assets/variables';
    18  
    19  .product_version {
    20      position: relative;
    21      max-width: 1200px;
    22      margin: 0 auto;
    23  }
    24  
    25  .environment_name {
    26      font-weight: 700;
    27      font-size: 28px;
    28      line-height: 48px;
    29      padding-left: 35px;
    30      align-items: center;
    31      color: var(--mdc-theme-primary);
    32  }
    33  
    34  .page_description {
    35      font-style: normal;
    36      position: relative;
    37      font-weight: $small-warn-button-font-weight;
    38      line-height: $nav-list-item-gap;
    39      padding: 10px 40px;
    40      color: var(--mdc-theme-on-surface);
    41      justify-content: space-between;
    42      display: flex;
    43      background: linear-gradient(var(--mdc-theme-primary), var(--mdc-theme-primary)) left 9px top 14px/2px 100% no-repeat;
    44  }
    45  
    46  .space_apart_row {
    47      justify-content: space-between;
    48      display: flex;
    49      padding: 20px;
    50      padding-left: 35px;
    51  }
    52  
    53  .release_train_button {
    54      position: relative;
    55      margin-left: auto;
    56      margin-right: $environment-actions-right-displacement;
    57      margin-top: $environment-actions-top-displacement;
    58      border: $environment-add-lock-button-border;
    59      border-radius: $environment-add-lock-button-border-radius;
    60      color: $environment-add-lock-button-color;
    61      margin: $environment-buttons-column-margin;
    62  }
    63  
    64  .drop_down {
    65      border-radius: 3px;
    66      min-width: 220px;
    67      height: 50px;
    68      border: 1px solid var(--mdc-theme-primary);
    69      padding-left: 1em;
    70      margin-right: 20px;
    71  }
    72  
    73  .env_drop_down {
    74      border-radius: 3px;
    75      min-width: 220px;
    76      height: 50px;
    77      border: 1px solid var(--mdc-theme-primary);
    78      padding-left: 1em;
    79      margin-right: 20px;
    80  }
    81  
    82  .table_padding {
    83      padding: 20px;
    84      padding-left: 35px;
    85  }
    86  
    87  .table {
    88      padding: 10px;
    89      border-spacing: 0;
    90      border: 2px solid var(--mdc-theme-primary);
    91      width: 100%;
    92      border-radius: 4px;
    93  }
    94  
    95  .table_title {
    96      background-color: var(--mdc-theme-primary);
    97      color: white;
    98  }