Bug fix Overlapping Font Size

Refs: #6630
public-ui · Sep 16, 2024 · ffffb65 · ffffb65
1 parent b8e2afb
commit ffffb65
Show file tree

Hide file tree

Showing 9 changed files with 3 additions and 55 deletions.
diff --git a/packages/components/src/components/icon/style.scss b/packages/components/src/components/icon/style.scss
@@ -7,14 +7,7 @@
 		font-size: rem(16);
 		color: inherit;
 		display: contents;
-		height: 1em;
 		line-height: inherit;
-		width: 1em;
-	}
-
-	:host > i {
-		height: 1em;
-		width: 1em;
 	}
 
 	/*

diff --git a/packages/themes/bmf/src/components/icon.scss b/packages/themes/bmf/src/components/icon.scss
@@ -38,17 +38,13 @@
 	:host {
 		display: flex;
 		place-items: center;
-		width: 1em;
-		height: 1em;
 	}
 
 	:host > i::before {
 		display: block;
 	}
 
 	:host > i {
-		width: 1em;
-		height: 1em;
 		font-family: 'Material Symbols Rounded';
 		font-weight: normal;
 		font-style: normal;

diff --git a/packages/themes/bmf/src/mixins/alert.scss b/packages/themes/bmf/src/mixins/alert.scss
@@ -42,7 +42,7 @@
 				place-items: baseline;
 
 				&::part(icon) {
-					line-height: 1.375rem;
+					line-height: 1.375;
 				}
 			}
 
@@ -303,8 +303,8 @@
 				font-family: 'Material Symbols Rounded';
 				font-weight: 900;
 				font-variation-settings: 'FILL' 1;
-				height: 1.25rem;
-				width: 1.25rem;
+				height: 1.25;
+				width: 1.25;
 			}
 		}
 	}

diff --git a/packages/themes/default/src/components/icon.scss b/packages/themes/default/src/components/icon.scss
diff --git a/packages/themes/default/src/index.ts b/packages/themes/default/src/index.ts
@@ -15,7 +15,6 @@ import detailsCss from './components/details.scss';
 import drawerCss from './components/drawer.scss';
 import formCss from './components/form.scss';
 import headingCss from './components/heading.scss';
-import iconCss from './components/icon.scss';
 import indentedTextCss from './components/indented-text.scss';
 import inputCheckboxCss from './components/input-checkbox.scss';
 import inputColorCss from './components/input-color.scss';
@@ -63,7 +62,6 @@ export const DEFAULT = KoliBri.createTheme('default', {
 	'KOL-DRAWER': drawerCss,
 	'KOL-FORM': formCss,
 	'KOL-HEADING': headingCss,
-	'KOL-ICON': iconCss,
 	'KOL-INDENTED-TEXT': indentedTextCss,
 	'KOL-INPUT-CHECKBOX': inputCheckboxCss,
 	'KOL-INPUT-COLOR': inputColorCss,

diff --git a/packages/themes/ecl/src/components/ecl-ec/icon.scss b/packages/themes/ecl/src/components/ecl-ec/icon.scss
diff --git a/packages/themes/ecl/src/components/ecl-eu/icon.scss b/packages/themes/ecl/src/components/ecl-eu/icon.scss
diff --git a/packages/themes/ecl/src/ecl-ec.ts b/packages/themes/ecl/src/ecl-ec.ts
@@ -14,7 +14,6 @@ import detailsCss from './components/ecl-ec/details.scss';
 import drawerCss from './components/ecl-ec/drawer.scss';
 import formCss from './components/ecl-ec/form.scss';
 import headingCss from './components/ecl-ec/heading.scss';
-import iconCss from './components/ecl-ec/icon.scss';
 import indentedTextCss from './components/ecl-ec/indented-text.scss';
 import inputCheckboxCss from './components/ecl-ec/input-checkbox.scss';
 import inputColorCss from './components/ecl-ec/input-color.scss';
@@ -83,7 +82,6 @@ export const ECL_EC = KoliBri.createTheme('ecl-ec', {
 	'KOL-INPUT-FILE': inputFileCss,
 	'KOL-SELECT': selectCss,
 	'KOL-TEXTAREA': textareaCss,
-	'KOL-ICON': iconCss,
 	'KOL-TABLE-STATEFUL': tableStatefulCss,
 	'KOL-TABLE-STATELESS': tableStatelessCss,
 	'KOL-NAV': navCss,

diff --git a/packages/themes/itzbund/src/components/icon.scss b/packages/themes/itzbund/src/components/icon.scss