Merge pull request #954 from OutSystems/ROU-4248

joselrio · web-flow · commit 3b57ba259dd4 · 2024-06-07T19:40:11.000+01:00
ROU-4248: Fix validation messages position
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;
+			}
+		}
+	}
+}

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@`
`6`	`6`	`///`
`7`	`7`	`.form {`
`8`	`8`	`&.OSFillParent {`
`9`		`- .form-control[class*='ThemeGrid_Width'].not-valid + span.validation-message {`
	`9`	`+ .form-control[class*='ThemeGrid_Width'].not-valid ~ span.validation-message {`
`10`	`10`	`left: 22px;`
`11`	`11`	`}`
`12`	`12`	`}`
`@@ -40,10 +40,6 @@`
`40`	`40`	`& + span.validation-message {`
`41`	`41`	`left: 0;`
`42`	`42`	`}`
`43`		`-`
`44`		`- &.ThemeGrid_MarginGutter + span.validation-message {`
`45`		`- left: 22px;`
`46`		`- }`
`47`	`43`	`}`
`48`	`44`	`}`
`49`	`45`
`@@ -120,3 +116,16 @@ span.validation-message {`
`120`	`116`	`left: 0;`
`121`	`117`	`}`
`122`	`118`	`}`
	`119`	`+`
	`120`	`+// IsRTL -------------------------------------------------------------------------`
	`121`	`+///`
	`122`	`+.is-rtl {`
	`123`	`+ form {`
	`124`	`+ &.OSFillParent {`
	`125`	`+ .form-control[class*='ThemeGrid_Width'].not-valid ~ span.validation-message {`
	`126`	`+ left: initial;`
	`127`	`+ right: 22px;`
	`128`	`+ }`
	`129`	`+ }`
	`130`	`+ }`
	`131`	`+}`