openecomp-ui/resources/scss/onboarding.scss

   1 .dox-ui {
   2   @import "bootstrap";
   3   @import "~react-select/dist/react-select.min.css";
   4
   5   @import "common";
   6   @import "components";
   7   @import "modules";
   8 }
   9
  10 /* Out of namespace context for tooltips */
  11 div[data-reactroot].tooltip {
  12   @import "common/variables";
  13   @import "common/typography";
  14
  15   &.in {
  16         opacity: 1;
  17   }
  18   &.validation-error-message {
  19         &.bottom {
  20           .tooltip-arrow {
  21                 border-bottom-color: $red !important;
  22           }
  23         }
  24   }
  25   &.bottom {
  26         .tooltip-arrow {
  27           border-bottom-color: $dark-gray !important;
  28         }
  29   }
  30   &.top {
  31         .tooltip-arrow {
  32           border-top-color: $dark-gray !important;
  33         }
  34   }
  35   .tooltip-inner {
  36         max-width: 100%;
  37         background-color: $dark-gray;
  38   }
  39
  40   // activity log tooltip
  41   &.activity-log-message-tooltip {
  42         @include base-font-regular;
  43         font-size: $body-font-2;
  44         .message-block {
  45           text-align: left;
  46           padding: 3px 12px;
  47         }
  48   }
  49   //dependency table error tooltip
  50   &.select-action-table-error-tooltip{
  51     @include base-font-regular;
  52     margin-right: 5px;
  53     font-size: $body-font-2;
  54     .message-block {
  55       text-align: left;
  56       padding: 3px 12px;
  57     }
  58     .tooltip-arrow {
  59            border-bottom-color: $red !important;
  60           }
  61
  62     .tooltip-inner {
  63       background-color: $red;
  64       padding: 6px 8px;
  65       font-size: $body-font-2;
  66     }
  67   }
  68 }