client/src/app/shared/misc/help.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .help-tooltip-button {
   5   cursor: pointer;
   6   border: none;
   7
   8   my-global-icon {
   9     width: 17px;
  10     position: relative;
  11     top: -2px;
  12     margin: 5px;
  13
  14     @include apply-svg-color(var(--mainForegroundColor))
  15   }
  16 }
  17
  18 ::ng-deep {
  19   .help-popover {
  20     max-width: 300px;
  21
  22     .popover-body {
  23       font-family: $main-fonts;
  24       text-align: left;
  25       padding: 10px;
  26       font-size: 13px;
  27       background-color: var(--mainBackgroundColor);
  28       color: var(--mainForegroundColor);
  29       box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
  30
  31       p {
  32         margin-bottom: 0;
  33       }
  34
  35       ul {
  36         padding-left: 20px;
  37         margin-bottom: 0;
  38       }
  39     }
  40   }
  41 }