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(pvar(--mainForegroundColor))
  15   }
  16 }
  17
  18 ::ng-deep {
  19   .help-popover {
  20     z-index: z(help-popover) !important;
  21     max-width: 300px;
  22
  23     .popover-body {
  24       font-family: $main-fonts;
  25       text-align: left;
  26       padding: 10px;
  27       font-size: 13px;
  28       background-color: pvar(--mainBackgroundColor);
  29       color: pvar(--mainForegroundColor);
  30       border-radius: 3px;
  31
  32       p {
  33         margin-bottom: 0;
  34       }
  35
  36       ul {
  37         padding-left: 20px;
  38         margin-bottom: 0;
  39       }
  40     }
  41   }
  42 }