Merge pull request #954 from OutSystems/ROU-4248

ROU-4248: Fix validation messages position
OutSystems · Jun 7, 2024 · 3b57ba2 · 3b57ba2
2 parents 858e2a6 + cf64c71
commit 3b57ba2
Showing 1 changed file with 14 additions and 5 deletions.
diff --git a/src/scss/03-widgets/_form.scss b/src/scss/03-widgets/_form.scss
@@ -6,7 +6,7 @@
 ///
 .form {
 	&.OSFillParent {
-		.form-control[class*='ThemeGrid_Width'].not-valid + span.validation-message {
+		.form-control[class*='ThemeGrid_Width'].not-valid ~ span.validation-message {
 			left: 22px;
 		}
 	}
@@ -40,10 +40,6 @@
 			& + span.validation-message {
 				left: 0;
 			}
-
-			&.ThemeGrid_MarginGutter + span.validation-message {
-				left: 22px;
-			}
 		}
 	}
 
@@ -120,3 +116,16 @@ span.validation-message {
 		left: 0;
 	}
 }
+
+// IsRTL -------------------------------------------------------------------------
+///
+.is-rtl {
+	form {
+		&.OSFillParent {
+			.form-control[class*='ThemeGrid_Width'].not-valid ~ span.validation-message {
+				left: initial;
+				right: 22px;
+			}
+		}
+	}
+}