fix(button): small icononly variant isn't quadratic (#2736)

mfranzke · web-flow · commit 7cb525525205 · 2024-09-02T10:43:26.000Z
diff --git a/packages/db-ui-elements-stencil/src/components/db-button/db-button.scss b/packages/db-ui-elements-stencil/src/components/db-button/db-button.scss
@@ -6,9 +6,11 @@
   pointer-events: none;
 }
 
-// Enabling to hide text next to the icon
+// Enabling to hide text next to the icon (the DB UI Core selector is differently, as we're using the DBIcon component here internally)
 button.is-icon-text-replace {
   @include is-icon-text-replace();
+
+  aspect-ratio: 1;
 }
 
 db-icon {

Original file line number	Diff line number	Diff line change
`@@ -6,9 +6,11 @@`
`6`	`6`	`pointer-events: none;`
`7`	`7`	`}`
`8`	`8`
`9`		`-// Enabling to hide text next to the icon`
	`9`	`+// Enabling to hide text next to the icon (the DB UI Core selector is differently, as we're using the DBIcon component here internally)`
`10`	`10`	`button.is-icon-text-replace {`
`11`	`11`	`@include is-icon-text-replace();`
	`12`	`+`
	`13`	`+ aspect-ratio: 1;`
`12`	`14`	`}`
`13`	`15`
`14`	`16`	`db-icon {`