github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/app/containers/layout/layoutPanel.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 '~src/components/core/index.styl'
    12  
    13  $side-panel-width = 140px
    14  $top-bar-height = 50px
    15  $container-top-offset = 120px
    16  
    17  .layout-panel
    18    display flex
    19    flex-direction column
    20    width 100vw
    21    height 100vh
    22    min-width 100vw
    23    max-width 100vw
    24    min-height 100vh
    25    max-height 100vh
    26    overflow hidden
    27  
    28  .layout-panel__header
    29    height $top-bar-height
    30    min-height $top-bar-height
    31    background-color $colors--white
    32    box-shadow 0 0 4px 0 #9aa1ab54
    33    z-index 0
    34  
    35  .layout-panel__header > *
    36    margin 0 $spacing-small
    37  
    38  .layout-panel__navigation-bar
    39    background-color $colors--white
    40    color $colors--title
    41  
    42  .layout-panel__navigation-bar > *
    43    margin 0 $spacing-xx-large
    44  
    45  .layout-panel__body
    46    display flex
    47    flex-direction row
    48    flex 1
    49    overflow hidden
    50    height "calc(100% - %s)" % $container-top-offset
    51  
    52  .layout-panel__content
    53    width "calc(100% - %s)" % $side-panel-width
    54    overflow auto
    55    margin $spacing-large 0 0
    56  
    57  .layout-panel__sidebar
    58    min-width $side-panel-width
    59    margin $spacing-large $spacing-medium $spacing-large $spacing-xx-large