michael/pyfedi
1
0
Fork 0
mirror of https://codeberg.org/rimu/pyfedi synced 2025-02-03 00:31:25 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

stop alt text on 404d thumbnail images from overflowing

Browse source
This commit is contained in:
rimu 2024-11-22 08:33:56 +13:00
parent c9c09329b7
commit 81c7f05e74
2 changed files with 12 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/static/styles.css
View file

@ -796,13 +796,18 @@ div.navbar {
} }
.post_list .post_teaser .thumbnail { .post_list .post_teaser .thumbnail {
text-align: center; text-align: center;
height: 100%;
align-content: center; align-content: center;
display: flex; display: flex;
height: 60px;
width: 60px;
overflow: hidden;
} }
@media (min-width: 992px) { @media (min-width: 992px) {
.post_list .post_teaser .thumbnail { .post_list .post_teaser .thumbnail {
align-items: center; align-items: center;
height: 90px;
width: 170px;
max-width: 100%;
} }
} }
.post_list .post_teaser .thumbnail a { .post_list .post_teaser .thumbnail a {

7
app/static/styles.scss
View file

@ -382,11 +382,16 @@ div.navbar {
.thumbnail { .thumbnail {
text-align: center; text-align: center;
height: 100%;
align-content: center; align-content: center;
display: flex; display: flex;
height: 60px;
width: 60px;
overflow: hidden;
@include breakpoint(tablet) { @include breakpoint(tablet) {
align-items: center; align-items: center;
height: 90px;
width: 170px;
max-width: 100%;
} }
a { a {