github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/app/containers/layout/layout.styl (about)

     1  // Copyright 2019 The Cockroach Authors.
     2  //
     3  // Use of this software is governed by the Business Source License
     4  // included in the file licenses/BSL.txt.
     5  //
     6  // As of the Change Date specified in that file, in accordance with
     7  // the Business Source License, use of this software will be governed
     8  // by the Apache License, Version 2.0, included in the file
     9  // licenses/APL.txt.
    10  
    11  @require '~styl/base/palette.styl'
    12  @require '~styl/base/layout-vars.styl'
    13  
    14  $subnav-background  = $background-color
    15  
    16  .page
    17    position relative
    18    display flex
    19    flex-direction column
    20    height 100vh
    21    min-width 100%
    22    padding-left $nav-width
    23    padding-bottom 5px
    24  
    25    &:after
    26      content ""
    27      display table
    28      clear both
    29  
    30  .page-config
    31    padding-left 24px
    32    background-color $background-color
    33  
    34    &__list
    35      display flex
    36      justify-content flex-start
    37      align-items center
    38  
    39      .page-config__item
    40        margin-right 24px
    41  
    42    &__spread
    43      display flex
    44      justify-content space-between
    45      align-items center
    46  
    47    &__item
    48      list-style none
    49  
    50  .l-columns
    51    display flex
    52    margin 0 -5px
    53  
    54  .l-columns__left
    55    flex 3
    56    padding 0 5px
    57  
    58  .l-columns__right
    59    flex 1
    60    padding 0 5px
    61  
    62  .page.help-us
    63    height 100%
    64    background-color white
    65  
    66  .section
    67    flex 0 0 auto
    68    padding 12px 24px
    69    max-width $max-window-width
    70    clearfix()
    71  
    72    &--heading
    73      padding-top 0
    74      padding-bottom 0
    75  
    76    &--container
    77      padding 0 24px 0 0
    78  
    79  .parent-link a
    80    color $link-color
    81    font-size 14px
    82    font-family $font-family--base
    83    font-weight bold
    84    text-transform uppercase
    85    text-decoration none
    86    letter-spacing 2px
    87  
    88  #content
    89    position relative
    90  
    91  .optin-text
    92    font-size 10px
    93    margin -17px 28px 20px
    94    line-height 1.8rem
    95  
    96  .page.events
    97    .section
    98      padding 154px 0 0
    99    .event-table-container
   100      .table-header
   101        display none
   102  
   103  
   104  .section
   105    .node-info, .store-info
   106      padding 0 0 20px
   107  
   108      h1
   109        padding-left 0
   110  
   111      .stats-table td
   112        border 0
   113  
   114    &.logs
   115      span
   116        margin 5px
   117      input:not([type=checkbox])
   118        width 100px
   119        height 20px
   120        margin 5px
   121  
   122    .num-ranges
   123      font-size 16px
   124      margin-bottom 2rem
   125  
   126  .section-heading
   127    &__tooltip
   128      color $tooltip-color
   129      display inline-block
   130      font-family $font-family--base
   131      font-size 14px
   132      font-weight normal
   133      letter-spacing 0
   134      text-transform none
   135      vertical-align middle
   136  
   137    &__tooltip-hover-area
   138      padding 6px
   139  
   140    &__info-icon
   141      width 13px
   142      height 13px
   143      border-radius 50%
   144      border 1px solid $tooltip-color
   145      font-size 11px
   146      color $tooltip-color
   147      line-height 11px
   148      text-align center
   149      cursor default
   150  
   151    .hover-tooltip--hovered &__info-icon
   152      border-color $body-color
   153      color $body-color
   154  
   155  div.raft-filters
   156    label, b
   157      margin 5px
   158  
   159    label
   160      cursor pointer
   161  
   162      input[type="checkbox"]
   163        margin 5px
   164  
   165  .table-stats
   166    margin-bottom 50px