💄 Fix select element style (#17884)

TCOTC · web-flow · commit 28f43b6250e7 · 2026-06-19T23:20:12.000+08:00
diff --git a/app/src/assets/scss/component/_select.scss b/app/src/assets/scss/component/_select.scss
@@ -27,6 +27,13 @@
   .body--win32 &, .body--win32-browser & {
     @supports (appearance: base-select) {
       appearance: base-select;
+      flex-shrink: 0;
+      white-space: nowrap;
+      field-sizing: content;
+
+      &:disabled {
+        opacity: .68;
+      }
 
       &::picker(select) {
         appearance: base-select;
@@ -61,6 +68,11 @@
         &:hover {
           background-color: var(--b3-list-hover);
         }
+
+        &:focus-visible {
+          background-color: var(--b3-list-hover);
+          outline: none;
+        }
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -27,6 +27,13 @@`
`27`	`27`	`.body--win32 &, .body--win32-browser & {`
`28`	`28`	`@supports (appearance: base-select) {`
`29`	`29`	`appearance: base-select;`
	`30`	`+ flex-shrink: 0;`
	`31`	`+ white-space: nowrap;`
	`32`	`+ field-sizing: content;`
	`33`	`+`
	`34`	`+ &:disabled {`
	`35`	`+ opacity: .68;`
	`36`	`+ }`
`30`	`37`
`31`	`38`	`&::picker(select) {`
`32`	`39`	`appearance: base-select;`
`@@ -61,6 +68,11 @@`
`61`	`68`	`&:hover {`
`62`	`69`	`background-color: var(--b3-list-hover);`
`63`	`70`	`}`
	`71`	`+`
	`72`	`+ &:focus-visible {`
	`73`	`+ background-color: var(--b3-list-hover);`
	`74`	`+ outline: none;`
	`75`	`+ }`
`64`	`76`	`}`
`65`	`77`	`}`
`66`	`78`	`}`