feat(badge): fix text vertical alignment when at md device.

joselrio · joselrio · commit 1061f8b4c600 · 2025-03-14T12:42:31.000Z
diff --git a/core/src/components/tab-button/tab-button.md.scss b/core/src/components/tab-button/tab-button.md.scss
@@ -75,6 +75,10 @@
   height: $tab-button-md-badge-size-empty;
 }
 
+:host ::slotted(ion-badge[vertical]) {
+  --badge-padding-top: 5px;
+}
+
 // Material Design Tab Button: Icon Top Layout
 // --------------------------------------------------------------
 

Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,10 @@`
`75`	`75`	`height: $tab-button-md-badge-size-empty;`
`76`	`76`	`}`
`77`	`77`
	`78`	`+:host ::slotted(ion-badge[vertical]) {`
	`79`	`+ --badge-padding-top: 5px;`
	`80`	`+}`
	`81`	`+`
`78`	`82`	`// Material Design Tab Button: Icon Top Layout`
`79`	`83`	`// --------------------------------------------------------------`
`80`	`84`