fix: Fix the position of checkbox ticks in topics selector

flusio · Oct 17, 2024 · eb698ac · eb698ac
1 parent edfcddd
commit eb698ac
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 7 deletions.
diff --git 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
@@ -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;
-}