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

     1  // the following is a work-around a performance issue in Chrome wherein
     2  // updating the values of the duration fields forces a repaint of the entire
     3  // page.
     4  //
     5  // firefox and safari are unaffected.
     6  .dict-value {
     7    position: relative;
     8  
     9    span {
    10      /* "remove" element from layout to prevent repainting entire page */
    11      position: absolute;
    12      width: 180px;
    13      top: 0;
    14    }
    15  }
    16  
    17  .keyboard-help {
    18    position: fixed;
    19    z-index: 200;
    20    width: 100%;
    21    bottom: 0;
    22    left: 0;
    23    background: rgba(0, 0, 0, 0.8);
    24    padding: 30px 0;
    25  
    26    .help-title {
    27      font-size: 15px;
    28      margin-left: 32px;
    29    }
    30  
    31    .help-line {
    32      margin: 35px 0;
    33    }
    34  
    35    .keys {
    36      display: inline-block;
    37      width: 110px;
    38      text-align: right;
    39      margin-right: 10px;
    40    }
    41  
    42    .key {
    43      margin: 0 9px;
    44      padding: 6px 8px;
    45      border: 1px solid #979797;
    46    }
    47  }
    48  
    49  .timestamped-logs {
    50    white-space: break-spaces;
    51  }
    52  
    53  .timestamped-line {
    54    display: flex;
    55    flex-direction: row;
    56  
    57    .timestamped-content {
    58      word-break: break-all;
    59    }
    60  
    61    .timestamp {
    62      padding-right: 20px;
    63      flex-shrink: 0;
    64      user-select: none;
    65      color: @grey-secondary;
    66      display: inline-block;
    67  
    68      &:hover {
    69        color: @grey10;
    70      }
    71  
    72      &.placeholder::before {
    73        content: "        ";
    74      }
    75    }
    76  
    77    &.highlighted-line {
    78      background: @grey90;
    79  
    80      .timestamp {
    81        color: @base0A;
    82      }
    83    }
    84  }