diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-04 15:06:29 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | e97325a2c174a87c29593d1b42b9a1cc1eaf11af (patch) | |
| tree | 8bc2f9bd386512350ef596729dae1a9b14b7f3fd /src/components/molecules/tooltip/tooltip.module.scss | |
| parent | 9eeb49155e2e74df4d5cb2833da20669b85fafe5 (diff) | |
refactor(components): rewrite HelpButton component
Diffstat (limited to 'src/components/molecules/tooltip/tooltip.module.scss')
| -rw-r--r-- | src/components/molecules/tooltip/tooltip.module.scss | 20 |
1 files changed, 7 insertions, 13 deletions
diff --git a/src/components/molecules/tooltip/tooltip.module.scss b/src/components/molecules/tooltip/tooltip.module.scss index 029767f..557d9c7 100644 --- a/src/components/molecules/tooltip/tooltip.module.scss +++ b/src/components/molecules/tooltip/tooltip.module.scss @@ -38,14 +38,6 @@ opacity: 1; visibility: visible; transform: scale(1); - - & ~ .btn { - background: var(--color-primary); - - * { - color: var(--color-fg-inverted); - } - } } } @@ -60,13 +52,15 @@ .icon { align-self: stretch; - display: flex; - align-items: center; margin-right: var(--spacing-xs); - padding: 0 var(--spacing-2xs); background: var(--color-primary-dark); border: fun.convert-px(1) solid var(--color-primary-dark); box-shadow: fun.convert-px(1) fun.convert-px(1) 0 0 var(--color-shadow); - color: var(--color-fg-inverted); - font-weight: 600; + + :global { + path { + fill: var(--color-fg-inverted); + margin-inline: var(--spacing-2xs); + } + } } |