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

   1 @use '_variables';
   2 @use '_mixins';
   3
   4 .help-tooltip-button {
   5   @include disable-outline;
   6
   7   cursor: pointer;
   8   border: 0;
   9   margin: 5px;
  10
  11   my-global-icon {
  12     @include apply-svg-color(pvar(--greyForegroundColor));
  13
  14     width: 17px;
  15     position: relative;
  16     top: -1px;
  17   }
  18 }
  19
  20 ::ng-deep {
  21   .help-popover {
  22     z-index: z(help-popover) !important;
  23     max-width: 300px;
  24
  25     .popover-body {
  26       font-family: $main-fonts;
  27       text-align: start;
  28       padding: 10px;
  29       font-size: 13px;
  30       background-color: pvar(--mainBackgroundColor);
  31       color: pvar(--mainForegroundColor);
  32       border-radius: 3px;
  33
  34       p {
  35         margin-bottom: 0;
  36       }
  37
  38       ul {
  39         @include padding-left(20px);
  40         margin-bottom: 0;
  41       }
  42     }
  43   }
  44 }