fix(Form): use correct container query if width is float (#5954)

Lukas742 · web-flow · commit 34829f430cf8 · 2024-06-21T09:23:20.000+02:00
Fixes #5952
diff --git a/packages/main/src/components/Form/Form.module.css b/packages/main/src/components/Form/Form.module.css
@@ -32,7 +32,7 @@
   }
 }
 
-@container (max-width: 599px) {
+@container (max-width: 599.99px) {
   .form {
     --_ui5wcr_form_label_span: var(--_ui5wcr_form_label_span_s);
     --_ui5wcr_form_columns: var(--_ui5wcr_form_columns_s);
@@ -41,7 +41,7 @@
   }
 }
 
-@container (min-width: 600px) and (max-width: 1023px) {
+@container (min-width: 600px) and (max-width: 1023.99px) {
   .form {
     --_ui5wcr_form_label_span: var(--_ui5wcr_form_label_span_m);
     --_ui5wcr_form_columns: var(--_ui5wcr_form_columns_m);
@@ -50,7 +50,7 @@
   }
 }
 
-@container (min-width: 1024px) and (max-width: 1439px) {
+@container (min-width: 1024px) and (max-width: 1439.99px) {
   .form {
     --_ui5wcr_form_label_span: var(--_ui5wcr_form_label_span_l);
     --_ui5wcr_form_columns: var(--_ui5wcr_form_columns_l);

Original file line number	Diff line number	Diff line change
`@@ -32,7 +32,7 @@`
`32`	`32`	`}`
`33`	`33`	`}`
`34`	`34`
`35`		`-@container (max-width: 599px) {`
	`35`	`+@container (max-width: 599.99px) {`
`36`	`36`	`.form {`
`37`	`37`	`--_ui5wcr_form_label_span: var(--_ui5wcr_form_label_span_s);`
`38`	`38`	`--_ui5wcr_form_columns: var(--_ui5wcr_form_columns_s);`
`@@ -41,7 +41,7 @@`
`41`	`41`	`}`
`42`	`42`	`}`
`43`	`43`
`44`		`-@container (min-width: 600px) and (max-width: 1023px) {`
	`44`	`+@container (min-width: 600px) and (max-width: 1023.99px) {`
`45`	`45`	`.form {`
`46`	`46`	`--_ui5wcr_form_label_span: var(--_ui5wcr_form_label_span_m);`
`47`	`47`	`--_ui5wcr_form_columns: var(--_ui5wcr_form_columns_m);`
`@@ -50,7 +50,7 @@`
`50`	`50`	`}`
`51`	`51`	`}`
`52`	`52`
`53`		`-@container (min-width: 1024px) and (max-width: 1439px) {`
	`53`	`+@container (min-width: 1024px) and (max-width: 1439.99px) {`
`54`	`54`	`.form {`
`55`	`55`	`--_ui5wcr_form_label_span: var(--_ui5wcr_form_label_span_l);`
`56`	`56`	`--_ui5wcr_form_columns: var(--_ui5wcr_form_columns_l);`