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

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