🐛 fix(form): correctif barre état iOS [DS-3505] (#712)

- Sur iOS, la barre d'état d'erreur ou validation est discontinue - corrige le problème de manière générique
GouvernementFR · Jul 19, 2023 · 242d6ab · 242d6ab
1 parent 4ba332a
commit 242d6ab
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/src/component/form/deprecated/style/_module.scss b/src/component/form/deprecated/style/_module.scss
@@ -84,6 +84,7 @@
     & + #{ns(info-text)} {
       @include margin-top(0);
       @include margin-left(2v);
+      @include margin-bottom(4v);
     }
   }
 }

diff --git a/src/component/form/style/module/_fieldset.scss b/src/component/form/style/module/_fieldset.scss
@@ -8,7 +8,7 @@
   border: 0;
 
   &__legend {
-    @include margin-bottom(4v);
+    @include padding-bottom(4v);
     @include padding-x(3v);
     @include margin-x(-1v);
     @include text-style(md);
@@ -26,10 +26,14 @@
   }
 
   &--valid,
-  &--valid &__legend,
   &--error,
+  &--info {
+    background-repeat: no-repeat;
+    background-position: 0 spacing.space(-9v);
+  }
+
+  &--valid &__legend,
   &--error &__legend,
-  &--info,
   &--info &__legend {
     background-repeat: no-repeat;
     background-position: 0 0;
@@ -38,7 +42,7 @@
   &--valid,
   &--error,
   &--info {
-    background-size: spacing.space(2px calc(100% - (4v)));
+    background-size: spacing.space(2px calc(100% + (5v)));
   }
 
   &--valid &__legend,