One-digit unread badges should be round
This commit is contained in:
parent
17c0867e9d
commit
da3c7c7f3e
2 changed files with 1 additions and 8 deletions
|
@ -5171,7 +5171,6 @@ button.module-image__border-overlay:focus {
|
||||||
|
|
||||||
@include font-caption-bold;
|
@include font-caption-bold;
|
||||||
border-radius: 10px;
|
border-radius: 10px;
|
||||||
box-sizing: content-box;
|
|
||||||
color: $color-white;
|
color: $color-white;
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
height: $size;
|
height: $size;
|
||||||
|
@ -5201,6 +5200,7 @@ button.module-image__border-overlay:focus {
|
||||||
|
|
||||||
&--two-digits,
|
&--two-digits,
|
||||||
&--many {
|
&--many {
|
||||||
|
box-sizing: content-box;
|
||||||
padding-left: 4px;
|
padding-left: 4px;
|
||||||
padding-right: 4px;
|
padding-right: 4px;
|
||||||
}
|
}
|
||||||
|
@ -5214,11 +5214,6 @@ button.module-image__border-overlay:focus {
|
||||||
font-size: 9px;
|
font-size: 9px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
&--marked-unread {
|
|
||||||
padding-left: 0;
|
|
||||||
padding-right: 0;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
&__content {
|
&__content {
|
||||||
|
|
|
@ -240,8 +240,6 @@ function UnreadIndicator({ count = 0 }: Readonly<{ count?: number }>) {
|
||||||
classModifier = 'many';
|
classModifier = 'many';
|
||||||
} else if (count > 9) {
|
} else if (count > 9) {
|
||||||
classModifier = 'two-digits';
|
classModifier = 'two-digits';
|
||||||
} else if (count === 0) {
|
|
||||||
classModifier = 'marked-unread';
|
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue