github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/styl/pages/reports.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 '../utils/alternating.styl'
    12  
    13  $reports-table
    14    margin 0 0 40px
    15    display table
    16    border-collapse collapse
    17    border-spacing 0
    18  
    19    &__row
    20      display table-row
    21      background-color $table-border-color
    22  
    23      &--header
    24        font-weight 900
    25        color white
    26        border 0
    27        border-style none
    28  
    29    &__cell
    30      padding 6px 12px
    31      display table-cell
    32      height 20px
    33      overflow hidden
    34      text-overflow ellipsis
    35      white-space nowrap
    36      max-width 200px
    37      border-width 1px 1px 0 0
    38      border-color rgba(0, 0, 0, .1)
    39      border-style solid
    40  
    41      &--header
    42        font-weight 900
    43        color white
    44        border 0
    45        border-style none
    46  
    47      &--short
    48        max-width 1px
    49  
    50  .problems-list
    51    width 100%
    52    background-color white
    53    white-space normal
    54    padding 6px 12px
    55    border-width 1px 1px 0 0
    56    border-color rgba(0, 0, 0, .1)
    57    border-style solid
    58  
    59  .problems-link
    60    color $link-color
    61    text-decoration none
    62    padding-right .5rem
    63    display inline-block
    64  
    65  .node-filter-list
    66    list-style-position inside
    67    margin 5px
    68  
    69  .network-table
    70    @extend $reports-table
    71  
    72    &__cell
    73      background-color white
    74      text-align center
    75      width 6em
    76  
    77      &&--header
    78        background-color $link-color
    79  
    80      &&--header:nth-child(1)
    81        width 3em
    82  
    83      &&--header-warning
    84        color $alert-color
    85  
    86      &&--spacer
    87        border 0
    88        background-color $background-color
    89        width 3em
    90  
    91      &&--self
    92        background-color $table-border-color
    93  
    94      &&--stddev-plus-2
    95        background-color lighten($alert-color, 10%)
    96  
    97      &&--stddev-plus-1
    98        background-color lighten($alert-color, 50%)
    99  
   100      &&--stddev-even
   101        background-color white
   102  
   103      &&--stddev-minus-1
   104        background-color lighten($healthy-color, 50%)
   105  
   106      &&--stddev-minus-2
   107        background-color lighten($healthy-color, 10%)
   108  
   109      &&--no-connection
   110          color $alert-color
   111  
   112  .nodes-table
   113    @extend $reports-table
   114    font-size 12px
   115  
   116    &__cell
   117      background-color white
   118      padding 6px 12px
   119  
   120      &--header
   121        background-color $link-color
   122        text-align right
   123  
   124      &--header-warning
   125        color yellow
   126  
   127  .nodes-entries-list
   128    list-style-type none
   129    margin 0
   130    padding 0
   131  
   132  .certs-table
   133    @extend $reports-table
   134  
   135    &__cell
   136      background-color white
   137      padding 6px 12px
   138      max-width none
   139      width 100%
   140  
   141      &--header
   142        background-color $link-color
   143        text-align right
   144        width unset
   145  
   146      &--header-warning
   147        color $alert-color
   148  
   149  .certs-entries-list
   150    list-style-type none
   151    margin 0
   152    padding 0
   153  
   154  .stores-table
   155    @extend $reports-table
   156  
   157    &__cell
   158      background-color white
   159      padding 6px 12px
   160      max-width none
   161      width 100%
   162  
   163      &--header
   164        background-color $link-color
   165        text-align right
   166        width 150px
   167        min-width 150px
   168  
   169        &--row
   170          background-color $link-color
   171          text-align center
   172          color white
   173          font-weight 900
   174  
   175  .connections-table
   176    @extend $reports-table
   177    font-size 12px
   178  
   179    &__row
   180      text-align left
   181      vertical-align top
   182      alternating-background white $table-border-color
   183  
   184      &&--header
   185        background-color green
   186  
   187      &&--warning
   188        color $alert-color
   189  
   190    &__cell
   191      white-space normal
   192      max-width none
   193  
   194  .log-entries-list
   195    list-style-type none
   196    margin 0
   197    padding 0
   198  
   199  .log-table
   200    @extend $reports-table
   201    font-size 12px
   202  
   203    &__row
   204      text-align left
   205      vertical-align top
   206      alternating-background white $table-border-color
   207  
   208      &&--header
   209        background-color orange
   210  
   211    &__cell
   212      white-space normal
   213      max-width none
   214  
   215      &--date
   216        min-width 10rem
   217  
   218  .allocator-table
   219    @extend $reports-table
   220    font-size 12px
   221  
   222    &__row
   223      text-align left
   224      vertical-align top
   225      alternating-background white $table-border-color
   226  
   227      &&--header
   228        background-color $link-color
   229  
   230    &__cell
   231      white-space normal
   232      max-width none
   233  
   234      &--date
   235        min-width 14rem
   236  
   237  .lease-table
   238    @extend $reports-table
   239    font-size 12px
   240  
   241    &__row
   242      text-align left
   243      vertical-align top
   244      alternating-background white $table-border-color
   245  
   246      &&--header
   247        background-color green
   248  
   249    &__cell
   250      white-space normal
   251      max-width none
   252  
   253  .range-table
   254    @extend $reports-table
   255  
   256    &__cell
   257      background-color white
   258      padding 6px 12px
   259  
   260      &--header
   261        background-color $link-color
   262        text-align right
   263        max-width none
   264  
   265      &--header-warning
   266        color yellow
   267  
   268      &--raftstate-leader
   269        color green
   270  
   271      &--raftstate-follower
   272        color blue
   273  
   274      &--raftstate-candidate
   275        color orange
   276  
   277      &--raftstate-precandidate
   278        color darkorange
   279  
   280      &--raftstate-dormant
   281        color lightgray
   282  
   283      &--raftstate-unknown
   284        color red
   285  
   286      &--lease-holder
   287        color green
   288  
   289      &--lease-follower
   290        color blue
   291  
   292      &--different-from-leader-warning
   293        color red
   294  
   295      &--local-replica
   296        color green
   297  
   298      &--dormant
   299        color lightgray
   300  
   301      &--warning
   302        color orange
   303  
   304      &--quiescent
   305        color violet
   306  
   307  .range-entries-list
   308    list-style-type none
   309    margin 0
   310    padding 0
   311  
   312  .debug-table
   313    margin 0 0 40px
   314    display table
   315    border 0
   316    color $body-color
   317  
   318    &__row
   319      display table-row
   320  
   321    &__cell
   322      padding 6px 12px
   323      display table-cell
   324      text-align left
   325      vertical-align top
   326      width fit-content
   327  
   328      &--header
   329        font-weight 900
   330        color $headings-color
   331        text-align right
   332        width 18rem
   333        padding-top 7px
   334  
   335  .debug-inner-table
   336    margin 0
   337    display table
   338    border 0
   339    color $body-color
   340  
   341    &__row
   342      display table-row
   343  
   344    &__cell
   345      display table-cell
   346      text-align left
   347      vertical-align top
   348      width 25rem
   349  
   350      &--notes
   351        width fit-content
   352  
   353  .debug-link
   354    color $link-color
   355    text-decoration none
   356  
   357  .failure-table
   358    @extend $reports-table
   359  
   360    &__row
   361      alternating-background white $table-border-color
   362  
   363      &&--header
   364        background-color $alert-color
   365  
   366    &__cell
   367      white-space normal
   368      max-width none
   369  
   370  .settings-table
   371    @extend $reports-table
   372    font-size 12px
   373  
   374    &__row
   375      text-align left
   376      vertical-align top
   377      alternating-background white $table-border-color
   378  
   379      &&--header
   380        background-color $link-color
   381  
   382    &__cell
   383      white-space normal
   384      max-width none