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

     1  @import 'node_modules/argo-ui/src/styles/config';
     2  
     3  .application-details {
     4      &__status-panel {
     5          position: fixed;
     6          left: 60px;
     7          right: 0;
     8          z-index: 2;
     9      }
    10  
    11      .argo-dropdown__content.is-menu {
    12          max-height: 500px;
    13      }
    14    
    15      &__tree {
    16          position: relative;
    17          padding: 1em;
    18          overflow-x: auto;
    19          overflow-y: auto;
    20          margin-top: 100px;
    21          min-height: calc(100vh - 2 * 50px - 115px);
    22      }
    23  
    24      &__warning {
    25          font-size: 0.8em;
    26          color: darken($argo-status-warning-color, 20%);
    27      }
    28      &__orphaned-filter {
    29          position: fixed;
    30          top: 100px + 100px;
    31          right: 60px;
    32      }
    33  
    34      &__refreshing-label {
    35          position: fixed;
    36          top: 100px + 100px;
    37          left: 60px;
    38          background-color: $argo-color-gray-4;
    39          border: 1px solid $argo-color-gray-5;
    40          border-radius: 5px;
    41          padding: 0 5px;
    42          font-size: 0.6em;
    43      }
    44  
    45      &__tab-content-full-height {
    46          height: calc(100vh - 2 * 50px);
    47          div.row, div.columns {
    48              height: 100%;
    49          }
    50      }
    51      
    52      &__container {
    53          position: relative;
    54          text-transform: uppercase;
    55          margin-top: 0.5em;
    56          cursor: pointer;
    57          font-size: 0.8em;
    58          white-space: nowrap;
    59          overflow: hidden;
    60          text-overflow: ellipsis;
    61          padding-left: 10px;
    62  
    63          i {
    64              position: absolute;
    65              left: 0px;
    66              top: 2px;
    67          }
    68  
    69          span {
    70              color: $argo-color-teal-5;
    71          }
    72      }
    73  
    74      &__resource-icon{
    75          text-align: center;
    76          position: absolute;
    77          left: 0;
    78          top: 10px;
    79          width: 60px;
    80          line-height: 1;
    81          color: $argo-color-gray-5;
    82          font-size: 0.8em;
    83      }
    84  
    85      .application-resource-tree {
    86          margin: 0 auto;
    87      }
    88  
    89      &__view-type {
    90          margin-bottom: -6px;
    91          display: inline-block;
    92          vertical-align: middle;
    93          white-space: nowrap;
    94          i {
    95              cursor: pointer;
    96              color:  $argo-color-gray-4;
    97              margin: 0 0.5em;
    98              &::before {
    99                  font-size: 1.5em;
   100              }
   101          }
   102          i.selected {
   103              cursor: default;
   104              color: $argo-color-gray-5;
   105          }
   106      }
   107  
   108      &__node-menu {
   109          position: absolute;
   110          right: 0;
   111          top: 0;
   112      }
   113  
   114      pre {
   115          font-family: monospace;
   116          line-height: normal;
   117          white-space: pre;
   118      }
   119      &__action-menu {
   120          text-transform: capitalize;
   121  
   122          &.disabled {
   123              cursor: default !important;
   124              color: $argo-color-gray-3 !important;
   125          }
   126      }
   127  
   128      .argo-table-list__row {
   129          .columns.small-1.xxxlarge-1 {
   130              width: 60px;
   131              text-align: center;
   132          }
   133      }
   134  }