Change flexbox direction for option elements

mfranzke · web-flow · commit 8a86cdf4ef03 · 2025-11-24T05:41:25.000+01:00
Rearrange the order of text and icon in option flexbox.
diff --git a/packages/components/src/components/select/select.scss b/packages/components/src/components/select/select.scss
@@ -71,6 +71,7 @@
 
 		option {
 			justify-content: space-between;
+			
 			// change order of the included text and pseudo-element within this flexbox item, to make sure the icon is always on the right
 			flex-direction: row-reverse;
 
@@ -81,7 +82,6 @@
 			/* stylelint-disable-next-line selector-pseudo-element-no-unknown */
 			:is(&::checkmark) {
 				@extend %icon;
-
 				@include icons.icon-content("check");
 			}
 		}

Original file line number	Diff line number	Diff line change
`@@ -71,6 +71,7 @@`
`71`	`71`
`72`	`72`	`option {`
`73`	`73`	`justify-content: space-between;`
	`74`	`+`
`74`	`75`	`// change order of the included text and pseudo-element within this flexbox item, to make sure the icon is always on the right`
`75`	`76`	`flex-direction: row-reverse;`
`76`	`77`
`@@ -81,7 +82,6 @@`
`81`	`82`	`/* stylelint-disable-next-line selector-pseudo-element-no-unknown */`
`82`	`83`	`:is(&::checkmark) {`
`83`	`84`	`@extend %icon;`
`84`		`-`
`85`	`85`	`@include icons.icon-content("check");`
`86`	`86`	`}`
`87`	`87`	`}`