luckyimnotanigger/redlib
1
0
Fork 0
mirror of https://github.com/redlib-org/redlib.git synced 2025-06-21 16:41:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add direct link to thumbnail

Browse source
This commit is contained in:
robrobinbin 2021-01-11 23:08:12 +01:00
parent bf6245a505
commit 6dbd002acd
4 changed files with 43 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

38
static/style.css
View file

@ -453,11 +453,35 @@ input[type="submit"]:hover { color: var(--accent); }
}
.post_thumbnail {
object-fit: cover;
width: auto;
border-radius: 5px;
border: 1px solid var(--foreground);
max-width: 20%;
width: 20%;
max-width: 140px;
display: grid;
overflow: hidden;
flex-shrink: 0;
background-color: var(--highlighted);
}
.post_thumbnail img {
grid-area: 1 / 1 / 2 / 2;
height: 100%;
width: 100%;
object-fit: cover;
align-self: center;
justify-self: center;
}
.post_thumbnail span {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
text-align: center;
background-color: rgba(0,0,0,0.8);
color: white;
grid-area: 1 / 1 / 2 / 2;
padding: 5px;
align-self: end;
}
.post_flair {
@ -634,19 +658,19 @@ input[type="submit"]:hover { color: var(--accent); }
}
.compact .post_thumbnail {
max-width: 75px;
max-height: 75px;
width: 75px;
height: 75px;
}
.compact footer {
margin-top: 20px;
}
.card .post_right {
.card_post .post_right {
flex-direction: column;
}
.card .post:not(.highlighted) .post_media {
.card_post:not(.highlighted) .post_media {
margin-top: 0;
margin-bottom: 15px;
}