go.chromium.org/luci@v0.0.0-20240309015107-7cdc2e660f33/milo/frontend/static/common/css/builders.css (about)

     1  /* Copyright 2017 The LUCI Authors.
     2   *
     3   * Licensed under the Apache License, Version 2.0 (the "License");
     4   * you may not use this file except in compliance with the License.
     5   * You may obtain a copy of the License at
     6   *
     7   *      http://www.apache.org/licenses/LICENSE-2.0
     8   *
     9   * Unless required by applicable law or agreed to in writing, software
    10   * distributed under the License is distributed on an "AS IS" BASIS,
    11   * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
    12   * See the License for the specific language governing permissions and
    13   * limitations under the License.
    14   */
    15  
    16  .builder-summaries {
    17    display: flex;
    18  }
    19  
    20  .builders-list-column {
    21    display: flex;
    22    flex-direction: column;
    23  }
    24  
    25  .builders-list-cell {
    26    display: flex;
    27    align-items: center;
    28    justify-content: flex-start;
    29    height: 2em;
    30    padding: 1em;
    31  }
    32  
    33  .builders-list-column div.builders-list-cell:nth-child(even) {
    34    background-color: #ffffff;
    35  }
    36  
    37  .builders-list-column div.builders-list-cell:nth-child(odd) {
    38    background-color: #eee;
    39  }
    40  
    41  .builder-name {
    42    font-weight: bold;
    43  }
    44  
    45  .builder-state-bubble {
    46    display: flex;
    47    align-items: center;
    48    justify-content: center;
    49    border-width: 1px;
    50    border-color: #444;
    51    border-style: solid;
    52    border-radius: 0.25em;
    53  }
    54  
    55  .current-builds-state-bubble {
    56    height: 2em;
    57    width: 50%;
    58    text-decoration: none;
    59    padding: 0em .5em;
    60  }
    61  
    62  .build-results-column {
    63    flex-grow: 1;
    64  }
    65  
    66  .finished-builds {
    67    display: flex;
    68    flex-grow: 1;
    69  }
    70  
    71  .finished-builds > * {
    72    margin: 0.05em;
    73  }
    74  
    75  .build-status {
    76    display: block;
    77    height: 100%;
    78    width: 10%;
    79    text-decoration: none;
    80  }
    81  
    82  .finished-build {
    83    height: 100%;
    84    width: 100%;
    85  }