github.com/argoproj/argo-cd@v1.8.7/ui/src/app/applications/components/application-status-panel/application-status-panel.scss (about)

     1  @import 'node_modules/argo-ui/src/styles/config';
     2  
     3  .help-tip {
     4      color: $argo-color-gray-3;
     5  }
     6  
     7  .application-status-panel {
     8      font-size: .875em;
     9      color: $argo-color-gray-6;
    10      background-color: white;
    11      box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1);
    12  
    13      &__item {
    14          height: 75px;
    15          margin: 10px 0;
    16          padding: 5px 20px;
    17          font-size: .8em;
    18          line-height: 1.2;
    19          color: $argo-color-gray-5;
    20  
    21          &:not(:first-child) {
    22              border-left: 1px solid $argo-color-gray-3;
    23          }
    24  
    25          & {
    26              a.error {
    27                  color: $argo-failed-color-dark;
    28              }
    29          }
    30          & {
    31              a.warning {
    32                  color: $argo-failed-color-light;
    33              }
    34          }
    35          & {
    36              a.info {
    37                  color: $argo-success-color;
    38              }
    39          }
    40      }
    41  
    42      &__item-value {
    43          .fa {
    44              font-size: 1em;
    45          }
    46  
    47          font-size: 2em;
    48          color: $argo-color-gray-6;
    49  
    50          &--highlight {
    51              color: $argo-color-teal-6;
    52          }
    53  
    54          &--Running a, &--Terminating a {
    55              color: $argo-running-color;
    56          }
    57  
    58          &--Error a, &--Failed a {
    59              color: $argo-failed-color;
    60          }
    61  
    62          &--Succeeded a {
    63              color: $argo-success-color;
    64          }
    65  
    66          i {
    67              font-size: .6em;
    68          }
    69      }
    70  
    71      &__item-name {
    72          i {
    73              position: relative;
    74              top: -2px;
    75          }
    76      }
    77      &__item-name, &__item-value {
    78          overflow: hidden;
    79          text-overflow: ellipsis;
    80          white-space: nowrap;
    81      }
    82  }