Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Change the filtered notification count to be in the account avatar (#31262)

Browse source
This commit is contained in:
Renaud Chaput 2024-08-02 15:18:19 +02:00 • committed by GitHub
parent 99c446b7cf
commit cc453f2221
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 37 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

27
app/javascript/styles/mastodon/components.scss
View file

@ -1980,17 +1980,15 @@ body > [data-popper-placement] {
}
.account__avatar {
@include avatar-radius;
display: block;
position: relative;
overflow: hidden;
img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 4px;
}
&-inline {
@ -2027,6 +2025,29 @@ body > [data-popper-placement] {
font-size: 15px;
}
}
&__counter {
$height: 16px;
$h-padding: 5px;
position: absolute;
bottom: -3px;
inset-inline-end: -3px;
padding-left: $h-padding;
padding-right: $h-padding;
height: $height;
border-radius: $height;
min-width: $height - 2 * $h-padding; // to ensure that it is never narrower than a circle
line-height: $height + 1px; // to visually center the numbers
background-color: $ui-button-background-color;
color: $white;
border-width: 1px;
border-style: solid;
border-color: var(--background-color);
font-size: 11px;
font-weight: 500;
text-align: center;
}
}
a .account__avatar {