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

     1  #timeline {
     2      .no-decoration;
     3      margin-bottom: 40px;
     4  }
     5  .timeline-build {
     6      display: inline-block;
     7      vertical-align: top;
     8      margin: 10px 5px;
     9      min-width: 130px;
    10  
    11      a:hover {
    12          text-decoration: none;
    13      }
    14  }
    15  .build-link {
    16      display: block;
    17      padding: 5px 10px;
    18      background: transparent;
    19      border: none;
    20      color: @gray1;
    21      width: 280px;
    22      font-size: 14px;
    23      font-weight: bold;
    24      overflow: hidden;
    25      white-space: nowrap;
    26      text-overflow: ellipsis;
    27  
    28      &:hover { color: @gray1; }
    29  
    30      &.block-status-created {
    31          // border-top: 2px solid @gray5;
    32          background: @gray7;
    33  
    34          &:hover { background: @gray6; }
    35      }
    36      &.block-status-success {
    37          // border-top: 2px solid @successGreen;
    38          // background: fade(@successGreen, 8%);
    39          background: @successGreen;
    40          color: @pw;
    41  
    42          &:hover { background: fade(@successGreen, 75%); }
    43      }
    44      &.block-status-failed {
    45          // border-top: 2px solid @errorRed;
    46          // background: fade(@errorRed, 8%);
    47          background: @errorRed;
    48          color: @pw;
    49  
    50          &:hover { background: fade(@errorRed, 75%); }
    51      }
    52      &.block-status-cancelled {
    53          border-top: 2px solid @gray0;
    54          background: @gray4;
    55          color: @gray6;
    56      }
    57      &.block-status-started {
    58          // border-top: 2px solid @started-bg-color;
    59          // background: fade(@started-bg-color, 8%);
    60          background: @started-bg-color;
    61          color: @pw;
    62  
    63          &:hover { background: fade(@started-bg-color, 75%); }
    64      }
    65      &.block-status-dispatched {
    66          background-color: @started;
    67          border: 1px solid @started-border;
    68      }
    69      &.block-status-inactive {
    70          background: @gray7;
    71          color: @gray4;
    72      }
    73  }
    74  .tasks-list {
    75      margin-top: 2px;
    76  
    77      &.patches {
    78          li {
    79              display: block;
    80              float: left;
    81          }
    82      }
    83  }
    84  .task {
    85      height: 15px;
    86      width: 4px;
    87      border: none;
    88      margin-right: 1px;
    89  
    90      &.block-status-success {
    91          background-color: @successGreen;
    92      }
    93      &.block-status-failed {
    94          background-color: @errorRed;
    95      }
    96      &.block-status-started {
    97          background-color: @started-bg-color;
    98      }
    99      &.block-status-undispatched {
   100          background-color: @gray6;
   101      }
   102  }
   103  
   104  .timeline-version {
   105      position: relative;
   106      overflow: hidden;
   107  }
   108  
   109  .timeline-builds-list {
   110      margin: 30px 0;
   111  
   112      .timeline-text.row-header {
   113          border-top: 2px solid @gray7;
   114          border-bottom: 2px solid @gray7;
   115          padding: 4px;
   116      }
   117      &.inactive {
   118          background: transparent;
   119          margin: 10px 0 0;
   120  
   121          .timeline-text.row-header {
   122              opacity: 0.5;
   123              border-top: 1px solid @gray7;
   124              border-bottom: none;
   125              padding: 10px 4px 0;
   126          }
   127      }
   128  }
   129  
   130  .timeline-version:first-child .timeline-builds-list {
   131      margin-top: 0;
   132  }
   133  
   134  .version-info {
   135  	.label {
   136  		width: 45px;
   137  		text-align: center;
   138  		margin-right: 5px;
   139  	}
   140  	.git-project {
   141  		font-weight: bold;
   142  	}
   143  	.git-msg {
   144  		margin: 10px 0;
   145  	}
   146      .text-muted {
   147          color: @gray5;
   148      }
   149  }
   150  .version-info-item {
   151      float: left;
   152      padding: 0px 20px 0px 0px;
   153  }