Merge pull request #2533 from hashicorp/fix/dropdown-styles

shleewhite · web-flow · commit 3d1607f9f1d0 · 2024-10-31T08:28:11.000-07:00
Dropdown: make css selector more specific
diff --git a/packages/components/src/styles/components/dropdown.scss b/packages/components/src/styles/components/dropdown.scss
@@ -138,7 +138,7 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;
   padding-right: 0.375rem;
 
   // For small variant with chevron, force the icon size to custom (even if the SGV size is `16px`)
-  .hds-icon {
+  .hds-dropdown-toggle-chevron .hds-icon {
     width: 12px;
     height: 12px;
   }

Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,7 @@ $hds-dropdown-toggle-border-radius: $hds-button-border-radius;`
`138`	`138`	`padding-right: 0.375rem;`
`139`	`139`
`140`	`140`	// For small variant with chevron, force the icon size to custom (even if the SGV size is `16px`)
`141`		`- .hds-icon {`
	`141`	`+ .hds-dropdown-toggle-chevron .hds-icon {`
`142`	`142`	`width: 12px;`
`143`	`143`	`height: 12px;`
`144`	`144`	`}`