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

     1  @import (reference) "_vars.less";
     2  
     3  html,
     4  body,
     5  #elm-app-embed,
     6  #subpage,
     7  .content-frame {
     8    height: 100%;
     9  }
    10  
    11  @scale: 0.5;
    12  @top-bar-height: 108px * @scale;
    13  @fixed-header-height: 64px;
    14  @builds-list-height: 30px;
    15  @pagination-header-height: 64px;
    16  
    17  @user-menu-z-index: 100;
    18  
    19  .content-frame {
    20    display: flex;
    21    flex-direction: column;
    22  
    23    .bottom {
    24      flex-grow: 1;
    25      box-sizing: border-box;
    26      display: flex;
    27      flex-direction: row;
    28      align-items: stretch;
    29      padding-top: @top-bar-height;
    30    }
    31  }
    32  
    33  .with-fixed-header {
    34    .fixed-header {
    35      z-index: 0;
    36      background: @grey90;
    37    }
    38  
    39    .scrollable-body {
    40      width: 100%;
    41      box-sizing: border-box;
    42      padding: 10px;
    43    }
    44  }
    45  
    46  .pagination-header {
    47    background: @grey90;
    48    line-height: @pagination-header-height;
    49  }
    50  
    51  #content { // TODO: kill id
    52    flex-grow: 1;
    53  
    54    // for absolutely positioned content in pipeline graph
    55    position: relative;
    56  }
    57  
    58  .display-in-middle {
    59    position: absolute;
    60    width: 100%;
    61    top: 50%;
    62    transform: translate(0, -70%);
    63    text-align: center;
    64  }
    65  
    66  .nav-item {
    67    &,
    68    a {
    69      color: @grey20;
    70    }
    71  
    72    font-size: 18px;
    73    line-height: @top-bar-height;
    74  }
    75  
    76  .build-actions {
    77    width: 150px;
    78  }
    79  
    80  #builds {
    81    overflow-x: hidden;
    82  }
    83  
    84  .step-body {
    85    position: relative;
    86  }
    87  
    88  pre {
    89    white-space: pre-wrap;
    90    overflow-wrap: break-word;
    91  }
    92  
    93  .vri {
    94    flex-grow: 1;
    95    flex-shrink: 1;
    96    flex-basis: 33%;
    97    padding-left: 4px;
    98    padding-right: 5px;
    99  }
   100  
   101  .metadata-container {
   102    max-width: 34%;
   103  }
   104  
   105  .metadata-field {
   106    margin-top: 0;
   107    margin-bottom: 0.3em;
   108  }