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     min-width: 200px;
  23     max-width: 300px;
  24
  25     .popover-body {
  26       padding: 10px;
  27       font-size: 13px;
  28       border-radius: 3px;
  29
  30       p {
  31         margin-bottom: 0;
  32       }
  33
  34       ul {
  35         @include padding-left(20px);
  36
  37         margin-bottom: 0;
  38       }
  39     }
  40   }
  41 }