💄 fix asterisk on seperate line with

okfde · Apr 2, 2024 · 4a35932 · 4a35932
1 parent 2dc1899
commit 4a35932
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/frontend/styles/components/forms.scss b/frontend/styles/components/forms.scss
@@ -4,17 +4,18 @@
 }
 
 .field-required {
-  &:after {
-    content: "*";
-    margin-left: 0.25rem;
-    color: darken($red, 20%);
+  text-wrap: nowrap; // to prevent the asterisk from wrapping to the next line
+
+  &::after {
+    content: '*';
+    color: var(--#{$prefix}danger);
   }
 }
 
 .no-required-asterisk {
   .field-required {
-    &:after {
-      content: "";
+    &::after {
+      content: '';
     }
   }
 }