diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-03-03 22:45:17 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-03-03 22:45:17 +0100 |
| commit | 6d99a308924a3ef286e2de6537a8733388527441 (patch) | |
| tree | 586d62de3304236ce9c77e0b4ad0139dd816fa83 /src/components/FormElements/Field/Field.module.scss | |
| parent | 4f3de2fb1a5c95167ad559d5f91ebb87f04d1846 (diff) | |
fix: improve Ackee tooltip display on small screen
Since I translated to French, the text did not fit into container on
small screens. It is not perfect, but I plan to replace Ackee so...
Diffstat (limited to 'src/components/FormElements/Field/Field.module.scss')
| -rw-r--r-- | src/components/FormElements/Field/Field.module.scss | 7 |
1 files changed, 6 insertions, 1 deletions
diff --git a/src/components/FormElements/Field/Field.module.scss b/src/components/FormElements/Field/Field.module.scss index 3836856..9100495 100644 --- a/src/components/FormElements/Field/Field.module.scss +++ b/src/components/FormElements/Field/Field.module.scss @@ -1,4 +1,5 @@ @use "@styles/abstracts/functions" as fun; +@use "@styles/abstracts/mixins" as mix; .field { background: var(--color-bg-tertiary); @@ -28,9 +29,13 @@ } .select { - padding: fun.convert-px(3) var(--spacing-xs); + padding: var(--spacing-2xs) var(--spacing-xs); cursor: pointer; + @include mix.pointer("fine") { + padding: fun.convert-px(3) var(--spacing-xs); + } + &:hover { box-shadow: fun.convert-px(4) fun.convert-px(4) 0 fun.convert-px(1) var(--color-shadow); |