hjess/LifeFaq
1
0
Fork 0
generated from hjess/PythonTemplateProject
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[main] Images images images
All checks were successful
Build, Push, and Deploy to Nomad / docker-nomad (push) Successful in 48s
Details

Browse Source
This commit is contained in:
Henrik Jess Nielsen
2024-12-30 22:43:08 +01:00
parent 5ad5e527a7
commit 15bda3d3d5
4 changed files with 19 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
static/css/main.css
View File

@@ -2166,9 +2166,16 @@ button:disabled,
.mini-posts article .image { .mini-posts article .image {
display: block; display: block;
margin: 0 0 1.5em 0; margin: 0 0 1.5em 0;
width: unset;
} }
.mini-posts article .image img { .mini-posts article .image img {
display: block; display: block;
width: unset;
}
.mini-posts article a .fav-image {
display: block;
max-width: 100%; /* Scale down if the container is smaller than the image */
height: auto; /* Maintain aspect ratio */
} }
.mini-posts article:first-child { .mini-posts article:first-child {
border-top: 0; border-top: 0;

2
static/css/main.css.map
View File

File diff suppressed because one or more lines are too long

10
static/sass/components/_mini-posts.scss
View File

@@ -15,11 +15,19 @@
.image { .image {
display: block; display: block;
margin: 0 0 (_size(element-margin) * 0.75) 0; margin: 0 0 (_size(element-margin) * 0.75) 0;
width: unset;
img { img {
display: block; display: block;
width: unset;
} }
} }
a {
.fav-image {
display: block;
max-width: 100%; /* Scale down if the container is smaller than the image */
height: auto; /* Maintain aspect ratio */
}
}
&:first-child { &:first-child {
border-top: 0; border-top: 0;

4
templates/navigation.html
View File

@@ -25,8 +25,8 @@
<div class="mini-posts"> <div class="mini-posts">
{% for favorite in data.favorites %} {% for favorite in data.favorites %}
<article> <article>
<a href="/category/{{ favorite.path }}" class="image"> <!-- Fucking crap - Ignoreing all CSS image tags in mini-posts -->
<!-- <img src="/{{favorite.image}}" alt="{{ favorite.name }}" height="20%" width="20%" /> --> <a href="/category/{{ favorite.path }}" >
<img src="/{{favorite.image}}" alt="{{ favorite.name }}" height="{{ favorite.height }}" width="{{ favorite.width }}" /> <img src="/{{favorite.image}}" alt="{{ favorite.name }}" height="{{ favorite.height }}" width="{{ favorite.width }}" />
</a> </a>
<p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p> <p><b>{{ favorite.path }}</b>: {{ favorite.description }}</p>