code.gitea.io/gitea@v1.21.7/web_src/css/features/projects.css (about)

     1  .board {
     2    display: flex;
     3    flex-direction: row;
     4    flex-wrap: nowrap;
     5    overflow-x: auto;
     6    margin: 0 0.5em;
     7  }
     8  
     9  .project-column {
    10    background-color: var(--color-project-board-bg) !important;
    11    border: 1px solid var(--color-secondary) !important;
    12    margin: 0 0.5rem !important;
    13    padding: 0.5rem !important;
    14    width: 320px;
    15    height: calc(100vh - 450px);
    16    min-height: 60vh;
    17    overflow-y: scroll;
    18    flex: 0 0 auto;
    19    overflow: visible;
    20    display: flex;
    21    flex-direction: column;
    22  }
    23  
    24  .project-column-header {
    25    display: flex;
    26    align-items: center;
    27    justify-content: space-between;
    28  }
    29  
    30  .project-column-header.dark-label {
    31    color: var(--color-project-board-dark-label) !important;
    32  }
    33  
    34  .project-column-header.dark-label .project-column-title {
    35    color: var(--color-project-board-dark-label) !important;
    36  }
    37  
    38  .project-column-header.light-label {
    39    color: var(--color-project-board-light-label) !important;
    40  }
    41  
    42  .project-column-header.light-label .project-column-title {
    43    color: var(--color-project-board-light-label) !important;
    44  }
    45  
    46  .project-column-title {
    47    background: none !important;
    48    line-height: 1.25 !important;
    49  }
    50  
    51  .project-column > .cards {
    52    flex: 1;
    53    display: flex;
    54    align-content: baseline;
    55    margin: 0 !important;
    56    padding: 0 !important;
    57    flex-wrap: nowrap !important;
    58    flex-direction: column;
    59    overflow-x: auto;
    60    gap: .25rem;
    61  }
    62  
    63  .project-column > .divider {
    64    margin: 5px 0;
    65  }
    66  
    67  .project-column:first-child {
    68    margin-left: auto !important;
    69  }
    70  
    71  .project-column:last-child {
    72    margin-right: auto !important;
    73  }
    74  
    75  .card-attachment-images {
    76    display: inline-block;
    77    white-space: nowrap;
    78    overflow: hidden;
    79    text-align: center;
    80  }
    81  
    82  .card-attachment-images img {
    83    display: inline-block;
    84    max-height: 50px;
    85    border-radius: var(--border-radius);
    86    margin-right: 2px;
    87  }
    88  
    89  .card-attachment-images img:only-child {
    90    max-height: 90px;
    91    margin: auto;
    92  }
    93  
    94  .card-ghost {
    95    border-style: dashed !important;
    96    background: none !important;
    97  }
    98  
    99  .card-ghost * {
   100    opacity: 0;
   101  }
   102  
   103  .color-field .minicolors.minicolors-theme-default {
   104    display: block;
   105  }
   106  
   107  .color-field .minicolors.minicolors-theme-default .minicolors-input {
   108    height: 38px;
   109    padding-left: 2rem;
   110  }
   111  
   112  .color-field .minicolors.minicolors-theme-default .minicolors-swatch {
   113    top: 10px;
   114  }
   115  
   116  .edit-project-column-modal .color.picker.column,
   117  .new-project-column-modal .color.picker.column {
   118    display: flex;
   119  }
   120  
   121  .edit-project-column-modal .color.picker.column .minicolors,
   122  .new-project-column-modal .color.picker.column .minicolors {
   123    flex: 1;
   124  }