From eb698ace10c959460592d1d6482d5ea9b9df4ad7 Mon Sep 17 00:00:00 2001 From: Marien Fressinaud Date: Thu, 17 Oct 2024 16:47:06 +0200 Subject: [PATCH] fix: Fix the position of checkbox ticks in topics selector --- src/assets/stylesheets/components/forms.css | 6 +++--- src/assets/stylesheets/custom/topics-selector.css | 4 ---- 2 files changed, 3 insertions(+), 7 deletions(-) diff --git a/src/assets/stylesheets/components/forms.css b/src/assets/stylesheets/components/forms.css index 6f7ace0f..12946709 100644 --- a/src/assets/stylesheets/components/forms.css +++ b/src/assets/stylesheets/components/forms.css @@ -82,7 +82,7 @@ input[type="radio"] + label { input[type="checkbox"] + label::before, input[type="radio"] + label::before { - content: ' '; + content: ''; position: relative; top: 0.5rem; @@ -129,11 +129,11 @@ input[type="radio"]:checked + label::after { content: ''; position: absolute; - top: 1.2rem; - left: 1.5rem; width: 1.5rem; height: 0.75rem; + margin-top: 1.2rem; + margin-left: 0.5rem; border-bottom: var(--width-border) solid var(--color-text); border-left: var(--width-border) solid var(--color-text); diff --git a/src/assets/stylesheets/custom/topics-selector.css b/src/assets/stylesheets/custom/topics-selector.css index 50b38626..5a08ffba 100644 --- a/src/assets/stylesheets/custom/topics-selector.css +++ b/src/assets/stylesheets/custom/topics-selector.css @@ -43,7 +43,3 @@ input[type="checkbox"]:checked + .topics-selector__label::before { border-color: var(--color-turquoise-7); border-color: transparent; } - -input[type="checkbox"]:checked + .topics-selector__label::after { - left: 2.5rem; -}