erik/mastodon
1
0
Fork 0
mirror of https://github.com/mastodon/mastodon.git synced 2024-08-20 21:08:15 -07:00
Code Issues Projects Releases Wiki Activity

Change avatars border radius (#31390)

Browse source
This commit is contained in:
Renaud Chaput 2024-08-13 09:26:23 +02:00 committed by GitHub
parent 7e501c59c2
commit f6d090fdf5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
5 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/javascript/styles/mastodon/admin.scss
View file

@ -697,7 +697,7 @@ body,
top: 15px; top: 15px;
.avatar { .avatar {
border-radius: 4px; border-radius: var(--avatar-border-radius);
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
@ -748,7 +748,7 @@ body,
top: 15px; top: 15px;
.avatar { .avatar {
border-radius: 4px; border-radius: var(--avatar-border-radius);
width: 40px; width: 40px;
height: 40px; height: 40px;
} }
@ -1595,7 +1595,7 @@ a.sparkline {
position: absolute; position: absolute;
inset-inline-start: 15px; inset-inline-start: 15px;
top: 15px; top: 15px;
border-radius: 4px; border-radius: var(--avatar-border-radius);
width: 40px; width: 40px;
height: 40px; height: 40px;
} }

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

@ -1996,13 +1996,14 @@ body > [data-popper-placement] {
.account__avatar { .account__avatar {
display: block; display: block;
position: relative; position: relative;
border-radius: var(--avatar-border-radius);
img { img {
display: block; display: block;
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
border-radius: 4px; border-radius: var(--avatar-border-radius);
} }
&-inline { &-inline {
@ -7975,7 +7976,7 @@ noscript {
.account__avatar { .account__avatar {
background: var(--background-color); background: var(--background-color);
border: 1px solid var(--background-border-color); border: 1px solid var(--background-border-color);
border-radius: 4px; border-radius: var(--avatar-border-radius);
} }
} }
} }

2
app/javascript/styles/mastodon/containers.scss
View file

@ -81,7 +81,7 @@
height: 100%; height: 100%;
display: block; display: block;
margin: 0; margin: 0;
border-radius: 4px; border-radius: var(--avatar-border-radius);
} }
} }

2
app/javascript/styles/mastodon/forms.scss
View file

@ -312,7 +312,7 @@ code {
margin-bottom: 10px; margin-bottom: 10px;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
border-radius: 4px; border-radius: var(--avatar-border-radius);
background: url('images/void.png'); background: url('images/void.png');
&[src$='missing.png'] { &[src$='missing.png'] {

1
app/javascript/styles/mastodon/variables.scss
View file

@ -108,4 +108,5 @@ $font-monospace: 'mastodon-font-monospace' !default;
--surface-background-color: #{darken($ui-base-color, 4%)}; --surface-background-color: #{darken($ui-base-color, 4%)};
--surface-variant-background-color: #{$ui-base-color}; --surface-variant-background-color: #{$ui-base-color};
--surface-variant-active-background-color: #{lighten($ui-base-color, 4%)}; --surface-variant-active-background-color: #{lighten($ui-base-color, 4%)};
--avatar-border-radius: 8px;
} }