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

     1  @import 'node_modules/argo-ui/src/styles/config';
     2  
     3  .application-sync-panel__resource {
     4      margin-top: 0.5em;
     5      white-space: nowrap;
     6  
     7      &:nth-of-type(odd) {
     8          background: $argo-color-gray-3;
     9  
    10          .theme-dark & {
    11              background: $argo-color-gray-6;
    12          }
    13      }
    14  
    15      &:nth-of-type(odd) {
    16          background: #e0e0e0;
    17      }
    18  
    19      .container {
    20          max-width: 30em;
    21          white-space: nowrap;
    22          display: inline-block;
    23          margin-right: 0.3em;
    24  
    25  
    26          label {
    27              cursor: pointer;
    28          }
    29  
    30          label::before,
    31          label::after {
    32              vertical-align: middle;
    33              display: inline-block;
    34              max-width: 50%;
    35              overflow: hidden;
    36              white-space: pre;
    37          }
    38  
    39          label::before {
    40              content: attr(content-start);
    41              text-overflow: ellipsis;
    42          }
    43  
    44          label::after {
    45              content: attr(content-end);
    46              text-overflow: clip;
    47              direction: rtl; // This is to help put the ellipsis in the middle instead of at the end of the resource path
    48          }
    49      }
    50  }