PonyMirrors/philomena
1
0
Fork 0
mirror of https://github.com/philomena-dev/philomena.git synced 2025-02-23 21:54:33 +01:00
Code Issues Projects Releases Packages Wiki Activity

Reduce size of avatars in reduced-width view

Browse source
This commit is contained in:
Liam 2025-02-21 18:33:57 -05:00
parent b66826c246
commit e6debbe749
3 changed files with 15 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
assets/css/common/measurements.css
View file

@ -41,4 +41,5 @@ $image-large-size: 512px;
--block-header-sub-height: 26px; --block-header-sub-height: 26px;
--block-spacing: 6px; --block-spacing: 6px;
--media-box-header-height: 22px; --media-box-header-height: 22px;
--reduced-communication-avatar-size: 75px;
} }

2
assets/css/views/communications.css
View file

@ -126,7 +126,7 @@ span.communication__sender__stats,
} }
.communication__body__sender { .communication__body__sender {
width: calc(100vw - 12px - 125px); width: calc(100vw - 12px - var(--reduced-communication-avatar-size));
grid-area: 1 / 2 / 2 / 3; grid-area: 1 / 2 / 2 / 3;
} }

13
assets/css/views/profiles.css
View file

@ -130,3 +130,16 @@ td.table--stats__sparkline {
width: 125px; width: 125px;
height: 125px; height: 125px;
} }
/* Mobile layout fixes */
@media (max-width: $min-desktop-width) {
.avatar--100px {
width: var(--reduced-communication-avatar-size);
height: var(--reduced-communication-avatar-size);
}
.avatar--125px {
width: var(--reduced-communication-avatar-size);
height: var(--reduced-communication-avatar-size);
}
}