use two selectors to avoid css overwrite (#3705)

lishichengyan · web-flow · commit d56c9ea82560 · 2022-11-07T10:08:10.000-08:00
fix ColorWheel size in forms
diff --git a/packages/@adobe/spectrum-css-temp/components/colorwheel/index.css b/packages/@adobe/spectrum-css-temp/components/colorwheel/index.css
@@ -27,7 +27,8 @@
   pointer-events: none;
 }
 
-.spectrum-ColorWheel {
+/* Use two class selectors as a workaround for the issue: https://github.com/adobe/react-spectrum/issues/1605 */
+.spectrum-ColorWheel.spectrum-ColorWheel {
   position: relative;
   display: block;
   width: var(--spectrum-colorwheel-width);

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,8 @@`
`27`	`27`	`pointer-events: none;`
`28`	`28`	`}`
`29`	`29`
`30`		`-.spectrum-ColorWheel {`
	`30`	`+/* Use two class selectors as a workaround for the issue: https://github.com/adobe/react-spectrum/issues/1605 */`
	`31`	`+.spectrum-ColorWheel.spectrum-ColorWheel {`
`31`	`32`	`position: relative;`
`32`	`33`	`display: block;`
`33`	`34`	`width: var(--spectrum-colorwheel-width);`