@import '_mixins';
.help-tooltip-button {
- @include icon(17px);
-
- position: relative;
- top: -2px;
- background-image: url('../../../assets/images/global/help.svg');
- background-color: #fff;
+ cursor: pointer;
border: none;
+
+ my-global-icon {
+ width: 17px;
+ position: relative;
+ top: -2px;
+ margin: 5px;
+
+ @include apply-svg-color(var(--mainForegroundColor))
+ }
}
-/deep/ {
- .help-tooltip {
- opacity: 1 !important;
+::ng-deep {
+ .help-popover {
+ max-width: 300px;
- .tooltip-inner {
+ .popover-body {
+ font-family: $main-fonts;
text-align: left;
padding: 10px;
- max-width: 300px;
-
font-size: 13px;
- font-family: $main-fonts;
- background-color: #fff;
- color: #000;
+ background-color: var(--mainBackgroundColor);
+ color: var(--mainForegroundColor);
box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
- }
- ul {
- padding-left: 20px;
+ p {
+ margin-bottom: 0;
+ }
+
+ ul {
+ padding-left: 20px;
+ margin-bottom: 0;
+ }
}
}
}