mirrors/catstodon
1
0
Fork 0
mirror of https://git.kescher.at/CatCatNya/catstodon.git synced 2024-11-22 22:18:06 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

[Glitch] Change avatars border radius

Browse source 
Port f6d090fdf5 to glitch-soc

Signed-off-by: Claire <claire.github-309c@sitedethib.com>
This commit is contained in:
Renaud Chaput 2024-08-13 09:26:23 +02:00 committed by Claire
parent d3db2d04ad
commit 072f560174
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/flavours/glitch/styles/admin.scss
View file

@ -718,7 +718,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;
} }
@ -769,7 +769,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;
} }
@ -1616,7 +1616,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/flavours/glitch/styles/components.scss
View file

@ -2178,13 +2178,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 {
@ -8526,7 +8527,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/flavours/glitch/styles/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/flavours/glitch/styles/forms.scss
View file

@ -313,7 +313,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/flavours/glitch/styles/variables.scss
View file

@ -114,4 +114,5 @@ $dismiss-overlay-width: 4rem;
--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;
} }