github.com/pf-qiu/concourse/v6@v6.7.3-0.20201207032516-1f455d73275f/web/assets/css/modules.less (about)

     1  @import (reference) "_vars.less";
     2  
     3  .dictionary {
     4    border-collapse: collapse;
     5  }
     6  
     7  .list {
     8    list-style: none;
     9    margin: 0;
    10    padding: 0;
    11    box-sizing: border-box;
    12  }
    13  
    14  .list-collapsable-content {
    15    display: none;
    16    box-sizing: border-box;
    17    background-color: @grey80;
    18    padding-top: 5px;
    19    padding-bottom: 5px;
    20    padding-left: 10px;
    21    padding-right: 10px;
    22  
    23    .expanded & {
    24      display: flex;
    25    }
    26  
    27    & div {
    28      box-sizing: border-box;
    29    }
    30  }
    31  
    32  .list-collapsable-item {
    33    background-color: @grey100;
    34    display: block;
    35    cursor: pointer;
    36    margin-bottom: 10px;
    37    box-sizing: border-box;
    38  }
    39  
    40  .list-collapsable-title {
    41    font-size: 12px;
    42    line-height: 25px;
    43    box-sizing: border-box;
    44  }
    45  
    46  .list-enableDisable .disabled {
    47    opacity: 0.5;
    48  }
    49  
    50  .dependent-get {
    51    opacity: 0.8;
    52  }
    53  
    54  .seq.seq-dependent-get {
    55    margin-bottom: 0;
    56  }
    57  
    58  .hook-success {
    59    margin-left: -1px;
    60    border-left: 1px solid @base0B;
    61  }
    62  
    63  .hook-ensure {
    64    margin-left: -1px;
    65    border-left: 1px solid @base0E;
    66  }
    67  
    68  .hook-failure {
    69    margin-left: -1px;
    70    border-left: 1px solid @base08;
    71  }
    72  
    73  .hook-abort {
    74    margin-left: -1px;
    75    border-left: 1px solid @base0F;
    76  }
    77  
    78  .hook-error {
    79    margin-left: -1px;
    80    border-left: 1px solid @base09;
    81  }
    82  
    83  .aggregate {
    84    margin-left: -1px;
    85    border-left: 1px solid @grey10;
    86  }
    87  
    88  .parallel {
    89    margin-left: -1px;
    90    border-left: 1px solid @grey10;
    91  }
    92  
    93  .children {
    94    margin-left: 1em;
    95  }
    96  
    97  .children > .hook {
    98    margin-bottom: 0;
    99  }
   100  
   101  .pagination-handle {
   102    width: 25px;
   103    text-align: center;
   104    font-size: 16px;
   105    display: block;
   106    line-height: 25px;
   107  }
   108  
   109  .pagination-handle-flush {
   110    width: auto;
   111  }
   112  
   113  .inputs .resource-name,
   114  .outputs .resource-name {
   115    font-weight: bold;
   116  }
   117  
   118  .jobs-builds-list .resource {
   119    background-color: @grey100;
   120  }
   121  
   122  .jobs-builds-list {
   123    * {
   124      box-sizing: border-box;
   125    }
   126  
   127    .build-duration {
   128      float: left;
   129      width: 15%;
   130    }
   131  
   132    .inputs,
   133    .outputs {
   134      float: left;
   135      width: 40%;
   136    }
   137  
   138    .build-resources {
   139      border-collapse: collapse;
   140      width: 100%;
   141    }
   142  
   143    .build-resources .dictionary {
   144      float: right;
   145    }
   146  
   147    .build-duration .dict-value {
   148      width: 100%;
   149    }
   150  
   151    .resource-name {
   152      margin: 0;
   153      padding: 0 15px 0 0;
   154    }
   155  
   156    .resource-version {
   157      width: 100%;
   158      padding: 0;
   159      margin: 0;
   160    }
   161  
   162    @media (max-width: 1200px) {
   163      .inputs,
   164      .outputs,
   165      .build-duration {
   166        width: 100%;
   167      }
   168  
   169      .resource-version {
   170        padding-left: 0;
   171      }
   172    }
   173  }