Skip to content

Commit 30a3dfa

Browse files
committed
feat(badge): fix empty badge style when inside tab button.
1 parent ac8f03f commit 30a3dfa

File tree

1 file changed

+12
-1
lines changed

1 file changed

+12
-1
lines changed

core/src/components/tab-button/tab-button.ios.scss

Lines changed: 12 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,18 @@
1515
// iOS Tab Button: Badge
1616
// --------------------------------------------------
1717

18-
:host ::slotted(ion-badge[vertical]:empty) {
18+
::slotted(ion-badge:not([vertical])) {
19+
@include padding(1px, 6px);
20+
@include position(4px, null, null, calc(50% + 6px));
21+
22+
height: auto;
23+
24+
font-size: 12px;
25+
26+
line-height: 16px;
27+
}
28+
29+
:host ::slotted(ion-badge:empty) {
1930
@include padding(0, 0);
2031

2132
width: $tab-ios-button-badge-size-emtpy;

0 commit comments

Comments
 (0)