fix(icons): tabler icons sizing

tenphi · tenphi · commit 35960b4aa121 · 2025-10-28T17:04:51.000+01:00
diff --git a/src/components/GlobalStyles.tsx b/src/components/GlobalStyles.tsx
@@ -90,7 +90,7 @@ const GlobalStylesElement = createGlobalStyle<GlobalStylesElementProps>`
     padding: 0 var(--outline-width);
   }
 
-  .tabler-icon {
+  :not([data-qa$="Icon"]) > .tabler-icon {
     font-size: var(--icon-size);
     width: 1em;
     height: 1em;
diff --git a/src/icons/Icon.tsx b/src/icons/Icon.tsx
@@ -32,6 +32,7 @@ const IconElement = tasty({
       width: 'min 1em',
       height: '1em 1em',
       strokeWidth: '$stroke-width',
+      fontSize: 'inherit',
     },
   },
   styleProps: [...OUTER_STYLES, ...BASE_STYLES, ...COLOR_STYLES],

Original file line number	Diff line number	Diff line change
@@ -90,7 +90,7 @@ const GlobalStylesElement = createGlobalStyle<GlobalStylesElementProps>`
`90`	`90`	`padding: 0 var(--outline-width);`
`91`	`91`	`}`
`92`	`92`
`93`		`- .tabler-icon {`
	`93`	`+ :not([data-qa$="Icon"]) > .tabler-icon {`
`94`	`94`	`font-size: var(--icon-size);`
`95`	`95`	`width: 1em;`
`96`	`96`	`height: 1em;`