chore: associate SASS variable for chevron icon height/width

ghiscoding · ghiscoding · commit 559b1610d42a · 2024-03-22T23:01:10.000-04:00
- to properly resize SVG, we should associate both height &amp; width
diff --git a/packages/multiple-select-vanilla/src/styles/multiple-select.scss b/packages/multiple-select-vanilla/src/styles/multiple-select.scss
@@ -138,7 +138,8 @@
       margin-right: 2px;
     }
     div.ms-icon-caret {
-      font-size: var(--ms-chevron-icon-size, $ms-chevron-icon-size);
+      height: var(--ms-chevron-icon-size, $ms-chevron-icon-size);
+      width: var(--ms-chevron-icon-size, $ms-chevron-icon-size);
       &.open {
         transform: scaleY(-1);
       }

Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,8 @@`
`138`	`138`	`margin-right: 2px;`
`139`	`139`	`}`
`140`	`140`	`div.ms-icon-caret {`
`141`		`- font-size: var(--ms-chevron-icon-size, $ms-chevron-icon-size);`
	`141`	`+ height: var(--ms-chevron-icon-size, $ms-chevron-icon-size);`
	`142`	`+ width: var(--ms-chevron-icon-size, $ms-chevron-icon-size);`
`142`	`143`	`&.open {`
`143`	`144`	`transform: scaleY(-1);`
`144`	`145`	`}`