github.com/argoproj/argo-cd/v3@v3.2.1/ui/src/app/shared/components/editable-panel/editable-panel.scss (about)

     1  @import 'node_modules/argo-ui/src/styles/config';
     2  @import 'node_modules/argo-ui/src/styles/theme';
     3  
     4  .editable-panel {
     5      position: relative;
     6  
     7      input {
     8          z-index: 10;
     9      }
    10  
    11      &__buttons {
    12          position: absolute;
    13          top: 30px;
    14          right: 3em;
    15      }
    16  
    17      &__divider {
    18          position: relative;
    19          border-top: 2px solid lightgray;
    20          padding-top: 8px;
    21      }
    22  
    23      &__buttons-relative {
    24          position: relative;
    25          justify-content: right;        
    26      }
    27  
    28      &__buttons-relative-button {
    29          margin-left: 8px;
    30      }
    31  
    32      &__collapsible-button {
    33          position: absolute;
    34          top: 30px;
    35          right: 30px;
    36          &__override {
    37              @include themify($themes) {
    38                  color: themed('light-argo-teal-7');
    39              }
    40          }
    41      }
    42  
    43      &__sticky-title {
    44          z-index: 10;
    45          opacity: 75%;
    46          position: sticky;
    47          padding-left: 15px;
    48          padding-right: 15px;
    49          margin-bottom: 5px;
    50          text-align: center;
    51          top: 0px;
    52          text-overflow: ellipsis;
    53          white-space: nowrap;
    54          overflow: hidden;        
    55      }
    56  
    57      .form-field__select {
    58          line-height: 15px;
    59          padding: 0;
    60      }
    61  
    62      .white-box__details-row {
    63          position: relative;
    64      }
    65  
    66      .argo-form-row__error-msg {
    67          position: absolute;
    68          top: 0;
    69      }
    70  
    71      &--disabled::after {
    72          content: '';
    73          border-radius: 4px;
    74          position: absolute;
    75          display: block;
    76          background: rgba($argo-color-gray-6, 0.2);
    77          left: 0;
    78          right: 0;
    79          top: 0;
    80          bottom: 0;
    81      }
    82  }