diff options
Diffstat (limited to 'client/src/app/shared/misc/help.component.scss')
-rw-r--r-- | client/src/app/shared/misc/help.component.scss | 27 |
1 files changed, 18 insertions, 9 deletions
diff --git a/client/src/app/shared/misc/help.component.scss b/client/src/app/shared/misc/help.component.scss index 047e53fab..3898f3cda 100644 --- a/client/src/app/shared/misc/help.component.scss +++ b/client/src/app/shared/misc/help.component.scss | |||
@@ -2,13 +2,17 @@ | |||
2 | @import '_mixins'; | 2 | @import '_mixins'; |
3 | 3 | ||
4 | .help-tooltip-button { | 4 | .help-tooltip-button { |
5 | @include icon(17px); | 5 | cursor: pointer; |
6 | |||
7 | position: relative; | ||
8 | top: -2px; | ||
9 | background-image: url('../../../assets/images/global/help.svg'); | ||
10 | border: none; | 6 | border: none; |
11 | margin: 5px; | 7 | |
8 | my-global-icon { | ||
9 | width: 17px; | ||
10 | position: relative; | ||
11 | top: -2px; | ||
12 | margin: 5px; | ||
13 | |||
14 | @include apply-svg-color(var(--mainForegroundColor)) | ||
15 | } | ||
12 | } | 16 | } |
13 | 17 | ||
14 | /deep/ { | 18 | /deep/ { |
@@ -16,16 +20,21 @@ | |||
16 | max-width: 300px; | 20 | max-width: 300px; |
17 | 21 | ||
18 | .popover-body { | 22 | .popover-body { |
23 | font-family: $main-fonts; | ||
19 | text-align: left; | 24 | text-align: left; |
20 | padding: 10px; | 25 | padding: 10px; |
21 | font-size: 13px; | 26 | font-size: 13px; |
22 | font-family: $main-fonts; | 27 | background-color: var(--mainBackgroundColor); |
23 | background-color: #fff; | 28 | color: var(--mainForegroundColor); |
24 | color: #000; | ||
25 | box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); | 29 | box-shadow: 0 0 6px rgba(0, 0, 0, 0.5); |
26 | 30 | ||
31 | p { | ||
32 | margin-bottom: 0; | ||
33 | } | ||
34 | |||
27 | ul { | 35 | ul { |
28 | padding-left: 20px; | 36 | padding-left: 20px; |
37 | margin-bottom: 0; | ||
29 | } | 38 | } |
30 | } | 39 | } |
31 | } | 40 | } |