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

     1  @import 'node_modules/argo-ui/src/styles/config';
     2  
     3  .applications-tiles {
     4      display: grid;
     5      gap: 24px;
     6      grid-template-columns: repeat(auto-fill,minmax(370px,1fr));
     7      padding: 0 12px;
     8  
     9      &__wrapper {
    10          height: 100%;
    11      }
    12  
    13      &__item {
    14          display: flex;
    15          flex-direction: column;
    16          &__small {
    17              font-size: 14px;
    18              margin-bottom: 3px;
    19          }
    20      }
    21  
    22      &__actions {
    23          margin-top: auto;
    24      }
    25  
    26      .argo-table-list__row {
    27          padding-top: 0;
    28          padding-bottom: 0;
    29      }
    30      &__selected {
    31          box-shadow: 0 0 0 1px $argo-color-teal-5;
    32      }
    33  
    34      .applications-list__title {
    35          white-space: normal !important;
    36          word-break: break-word; 
    37          overflow-wrap: break-word; 
    38          hyphens: auto; 
    39          line-height: 1.4; 
    40          width: 100%; 
    41      }
    42  }
    43  
    44  .columns:has(> .argo-icon-git), .columns:has(> .argo-icon-helm) {
    45      display: flex;
    46      align-items: center;
    47  }
    48  
    49  @media screen and (min-width: calc(map-get($breakpoints, xxlarge) - 1px)) {
    50      .custom-tooltip {
    51          display: none !important;
    52      }
    53  }