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

   1 @use '_variables' as *;
   2 @use '_mixins' as *;
   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     max-width: 300px;
  23
  24     .popover-body {
  25       font-family: $main-fonts;
  26       text-align: start;
  27       padding: 10px;
  28       font-size: 13px;
  29       background-color: pvar(--mainBackgroundColor);
  30       color: pvar(--mainForegroundColor);
  31       border-radius: 3px;
  32
  33       p {
  34         margin-bottom: 0;
  35       }
  36
  37       ul {
  38         @include padding-left(20px);
  39         margin-bottom: 0;
  40       }
  41     }
  42   }
  43 }