github.com/billybanfield/evergreen@v0.0.0-20170525200750-eeee692790f7/public/static/less/waterfall.less (about)

     1  @border-color: rgba(100, 100, 100, .4);
     2  @tooltip-width: 150px;
     3  @tooltip-left: 0 - @tooltip-width / 2;
     4  @cell-height: 14px;
     5  @cell-padding: 1px;
     6  @summary-height: @cell-height*2 + @cell-padding;
     7  @build-padding: 8px;
     8  
     9  /* body {
    10   background-color: #f3f3f3;
    11  } FIXME after we remove old waterfall */ 
    12  
    13  #root.waterfall-2 {
    14    background-color: @pageBackground;
    15    min-height: 100%;
    16  }
    17  
    18  .build-cells {
    19    border: 1px solid @gray6;
    20    border-right: none;
    21    background: white;
    22    border-top-left-radius: 3px;
    23    border-bottom-left-radius: 3px;
    24  }
    25  
    26  .build-variants {
    27    padding-top: @build-padding;
    28    text-align: right;
    29    font-size: 14px;
    30  }
    31  
    32  .githash-popover li {
    33    margin: 20px 0;
    34  
    35    .commit-meta {
    36      margin-bottom: 3px;
    37  
    38      .commit-date {
    39        color: @gray4;
    40        font-size: 12px;
    41      }
    42    }
    43    &:first-child {
    44      margin-top: 0;
    45    }
    46    &:last-child {
    47      margin-bottom: 0;
    48    }
    49  }
    50  
    51  .variant-row {
    52    margin-bottom: 8px;
    53  }
    54  
    55  .waterfall-toolbar {
    56    margin-top: 15px;
    57    margin-bottom: 8px;
    58    padding: 5px;
    59  }
    60  
    61  .waterfall-text {
    62    font-size: 18pt;
    63  }
    64  
    65  .waterfall-tooltip {
    66    .icon {
    67      padding-right: 3px;
    68      color: @red;
    69    }
    70    .failed-tests {
    71      padding: 4px;
    72    }
    73  }
    74  
    75  .waterfall-toolbar-elt {
    76    margin-right: 5px;
    77  }
    78  
    79  .waterfall-checkbox {
    80    display: inline;
    81  }
    82  
    83  #collapsed-prompt{
    84    margin-right: 6px;
    85  }
    86  
    87  .waterfall-build {
    88    padding: @build-padding;
    89    width: 20%;
    90    float:left;
    91  }
    92  
    93  .active-build {
    94    display: table;
    95  }
    96  
    97  .inactive-build {
    98    text-transform: uppercase;
    99    color: @gray6;
   100    font-weight: bold;
   101    font-size: 12px;
   102    text-align: center;
   103    padding-top: @build-padding;
   104    width: 20%;
   105    float: left;
   106  }
   107  
   108  .waterfall-box {
   109    float: left;
   110    margin-right: @cell-padding;
   111    margin-bottom: @cell-padding;
   112    height: @cell-height;
   113    width: @cell-height;
   114    &:hover {
   115      opacity: .8;
   116    }
   117  }
   118  
   119  .variant-col {
   120    text-align: center;
   121  }
   122  
   123  a.task-summary {
   124    padding: 0 2px;
   125    display: inline-block;
   126    margin-right: @cell-padding;
   127    margin-bottom: @cell-padding;
   128    height: @summary-height;
   129    min-width: @summary-height;
   130    line-height: @summary-height;
   131    font-size: @summary-height*.5;
   132    color: @gray1;
   133    font-weight: bold;
   134    text-align: center;
   135    text-decoration: none;
   136    &.success{
   137      color: white;
   138    }
   139    &.zero{
   140      opacity: .2;
   141    }
   142    &:hover {
   143      opacity: .8;
   144    }
   145  }
   146  
   147  .inactive-header {
   148    text-align: center;
   149  }
   150  
   151  // Version headers styling
   152  .version-header {
   153    font-size: 12px;
   154    word-wrap: break-word;
   155  
   156    &-rolled {
   157      font-weight: bold;
   158      text-align: center;
   159    }
   160  
   161    .githash {
   162      font-family: monospace;
   163      font-weight: bold;
   164      margin-right: 5px;
   165    }
   166  }
   167  
   168  .header-col {
   169    .waterfall-build
   170  }
   171  
   172  .rolled-up-version-summary {
   173    padding-bottom: 10px;
   174      .version-header-time {
   175        color: @gray4;
   176        font-size: 12px;
   177      }
   178    word-wrap: break-word;
   179  }
   180  
   181  .popover.popover-wide {
   182    max-width: 400px;
   183  }
   184  
   185  .waterfall-form-item {
   186    margin: 0 4px;
   187  }
   188  
   189  .collapsed-build{
   190    display: inline-block;
   191  }
   192  
   193  .tasks-summary {
   194      display: table-cell;
   195      overflow: hidden;
   196      text-overflow: hidden;
   197      font-weight: bold;
   198      
   199      &:nth-of-type(n+2) {
   200        border-left: 1px dotted grey;
   201      }
   202  }
   203  
   204  
   205  @media(max-width: 991px) {
   206    .inactive-build {
   207      font-size: 10px;
   208    }
   209    .filter {
   210      width: 100%;
   211    }
   212  }