code.gitea.io/gitea@v1.22.3/web_src/css/actions.css (about)

     1  .runner-container {
     2    padding-bottom: 30px;
     3  }
     4  
     5  .runner-container .ui.table.segment {
     6    overflow-x: auto;
     7  }
     8  
     9  .runner-container .runner-ops > a {
    10    margin-left: 0.5em;
    11  }
    12  
    13  .runner-container .runner-ops-delete {
    14    color: var(--color-red-light);
    15  }
    16  
    17  .runner-container .runner-new-text {
    18    color: var(--color-white);
    19  }
    20  
    21  .runner-container #runner-new:hover .runner-new-text {
    22    color: var(--color-white) !important;
    23  }
    24  
    25  .runner-container .task-status-success {
    26    background-color: var(--color-green);
    27    color: var(--color-white);
    28  }
    29  
    30  .runner-container .task-status-failure {
    31    background-color: var(--color-red-light);
    32    color: var(--color-white);
    33  }
    34  
    35  .runner-container .task-status-running {
    36    background-color: var(--color-blue);
    37    color: var(--color-white);
    38  }
    39  
    40  .runner-container .task-status-cancelled,
    41  .runner-container .task-status-blocked {
    42    background-color: var(--color-yellow);
    43    color: var(--color-white);
    44  }
    45  
    46  .run-list-item-right {
    47    width: 130px;
    48    display: flex;
    49    flex-direction: column;
    50    flex-shrink: 0;
    51    gap: 3px;
    52    color: var(--color-text-light);
    53  }
    54  
    55  .run-list-item-right .run-list-meta {
    56    display: flex;
    57    flex-wrap: nowrap;
    58    gap: .25rem;
    59    align-items: center;
    60  }
    61  
    62  .run-list .flex-item-trailing {
    63    flex-wrap: nowrap;
    64    width: 280px;
    65    flex: 0 0 280px;
    66  }
    67  
    68  .run-list-ref {
    69    display: inline-block !important;
    70  }
    71  
    72  @media (max-width: 767.98px) {
    73    .run-list .flex-item-trailing {
    74      flex-direction: column;
    75      align-items: flex-end;
    76      width: auto;
    77      flex-basis: auto;
    78    }
    79    .run-list-item-right,
    80    .run-list-ref {
    81      max-width: 110px;
    82    }
    83  }