github.com/cockroachdb/cockroach@v20.2.0-alpha.1+incompatible/pkg/ui/src/views/shared/components/toolTip/tooltip.styl (about)

     1  // Copyright 2018 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  .ant-tooltip.tooltip__preset--white
    14    max-width 500px
    15    .ant-tooltip-content
    16      position relative
    17      &:after, &:before
    18        content ''
    19        display block;
    20        position absolute;
    21        width 0
    22        height 0
    23        border-style solid
    24      &:after
    25        border-width 10px
    26      &:before
    27        border-width 10px
    28    .ant-tooltip-arrow
    29      &:before
    30        background-color transparent
    31    .ant-tooltip-inner
    32      padding 10px
    33      border-radius 3px
    34      border solid 1px $colors--neutral-2
    35      box-shadow 0 4px 4px 0 rgba(0, 0, 0, 0.15)
    36      background rgba($colors--neutral-0, .98)
    37      font-family $font-family--base
    38      text-align left
    39      color $colors--neutral-6
    40  
    41  .tooltip__preset--placement-bottom
    42    .ant-tooltip-content
    43      &:after, &:before
    44        transform translate(-50%, 0)
    45        left 50%
    46      &:after
    47        top -19px
    48        border-color transparent transparent $colors--neutral-0 transparent
    49      &:before
    50        top -21px
    51        border-color transparent transparent $colors--neutral-2 transparent
    52  
    53  .tooltip__preset--placement-left
    54    .ant-tooltip-content
    55      &:after, &:before
    56        top 50%
    57        transform translate(0, -50%)
    58      &:after
    59        right -16px
    60        border-color transparent transparent transparent $colors--neutral-0
    61      &:before
    62        right -18px
    63        border-color transparent transparent transparent $colors--neutral-2