aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/molecules/forms/ackee-select.module.scss
diff options
context:
space:
mode:
authorArmand Philippot <git@armandphilippot.com>2022-06-01 22:37:56 +0200
committerGitHub <noreply@github.com>2022-06-01 22:37:56 +0200
commit0a33a4658d848fe056715c6da053763407845b2a (patch)
tree7c679e54ba4bbadaf0a59bbde780f5742e3b875d /src/components/molecules/forms/ackee-select.module.scss
parent97031a86ca38890e60ecec79828498b7bb13cbfa (diff)
parent6be20422494e3806fba3d1c5ad5c3e98bd6e67e5 (diff)
chore(a11y): improve website settings accessibility (#17)
The previous switch buttons (using checkbox) was not a11y compliant. So I change my approach to use radio buttons and to clearly separate the two different states. I also convert the Ackee select setting to improve consistency between settings.
Diffstat (limited to 'src/components/molecules/forms/ackee-select.module.scss')
-rw-r--r--src/components/molecules/forms/ackee-select.module.scss11
1 files changed, 0 insertions, 11 deletions
diff --git a/src/components/molecules/forms/ackee-select.module.scss b/src/components/molecules/forms/ackee-select.module.scss
deleted file mode 100644
index 87cd9ee..0000000
--- a/src/components/molecules/forms/ackee-select.module.scss
+++ /dev/null
@@ -1,11 +0,0 @@
-.wrapper {
- display: flex;
- flex-flow: row wrap;
- align-items: center;
- position: relative;
-}
-
-.tooltip {
- position: absolute;
- bottom: -100%;
-}