github.com/freiheit-com/kuberpult@v1.24.2-0.20240328135542-315d5630abe6/services/frontend-service/src/ui/components/tooltip/tooltip.scss (about)

     1  /*This file is part of kuberpult.
     2  
     3  Kuberpult is free software: you can redistribute it and/or modify
     4  it under the terms of the Expat(MIT) License as published by
     5  the Free Software Foundation.
     6  
     7  Kuberpult is distributed in the hope that it will be useful,
     8  but WITHOUT ANY WARRANTY; without even the implied warranty of
     9  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    10  MIT License for more details.
    11  
    12  You should have received a copy of the MIT License
    13  along with kuberpult. If not, see <https://directory.fsf.org/wiki/License:Expat>.
    14  
    15  Copyright 2023 freiheit.com*/
    16  @use '../../../../node_modules/@material/tooltip/styles';
    17  
    18  #kuberpult-tooltip {
    19      z-index: 1000;
    20      background-color: white;
    21      color: black;
    22      font-size: 14px;
    23      border-radius: 8px;
    24      .release__hash--container {
    25          padding: 2px 0px 0px 0px;
    26  
    27          .release__hash {
    28              padding: 0;
    29          }
    30      }
    31  }
    32  
    33  .mdc-tooltip.mdc-tooltip--rich2 {
    34      position: relative;
    35      // !important to overwrite the default styling of the Tooltip.
    36      // The `mdc-tooltip--rich` is restricted to be placed on one of the 4 corners of a component
    37      // https://github.com/material-components/material-components-web/blob/066d9439b7f1bf11426153573560b35462a3b9d5/packages/mdc-tooltip/README.md?plain=1#L281-L286
    38      left: 10px !important;
    39      width: $release-card-tooltip-width !important;
    40      .mdc-tooltip__surface {
    41          box-shadow: none;
    42          background: transparent;
    43          // add padding to allow for the Caret (the arrow)
    44          padding: 8px 0px 0px 0px;
    45          border-radius: $border-radius-medium;
    46  
    47          .mdc-tooltip__content {
    48              background: var(--mdc-theme-background);
    49              // add margin to allow for the Caret (the arrow)
    50              margin: 12px 0px 0px 0px;
    51              border: 1px solid $release-card-tooltip-border-color;
    52              border-radius: $border-radius-medium;
    53          }
    54  
    55          .mdc-tooltip__caret-surface-top {
    56              border: 1px solid $release-card-tooltip-border-color;
    57              border-radius: 0px;
    58              left: $release-card-tooltip-caret-shift-left;
    59          }
    60      }
    61  }