relikd/lektor-recipes
1
0
Fork 0
Code Issues Pull Requests Releases Activity

Hide image carousel on mobile if no image is set

Browse Source
This commit is contained in:
relikd
2021-04-14 22:37:47 +02:00
parent e6c0b668f3
commit 67699929fb
2 changed files with 2 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/assets/static/style.css
View File

@@ -147,6 +147,7 @@ a:hover .recipe-tile .hover { display: block; background: #0006 }
*/ */
.recipe h2 { font-size: 0.8em; margin: 0 0 1em 0 } .recipe h2 { font-size: 0.8em; margin: 0 0 1em 0 }
.recipe #img-carousel { padding: 0 50px; margin: 0 -30px } .recipe #img-carousel { padding: 0 50px; margin: 0 -30px }
.recipe #img-carousel:empty { display: none; }
.recipe #source { margin-left: -1em; margin-bottom: -1.5em } .recipe #source { margin-left: -1em; margin-bottom: -1.5em }
.recipe #metrics { float: right; margin: 0 0 15px 25px; max-width: 180px } .recipe #metrics { float: right; margin: 0 0 15px 25px; max-width: 180px }
.recipe #metrics > * { text-indent: -20px; margin-left: 20px; padding-top: 0.3em } .recipe #metrics > * { text-indent: -20px; margin-left: 20px; padding-top: 0.3em }

2
src/templates/recipe.html
View File

@@ -6,7 +6,7 @@
<section id="img-carousel" class="v-scroll center"> <section id="img-carousel" class="v-scroll center">
{%- for img in this | sorted_images %} {%- for img in this | sorted_images %}
<img class="lozad" data-src="{{ img|url }}" height="400"> <img class="lozad" data-src="{{ img|url }}" height="400">
{%- endfor %} {%- endfor -%}
</section> </section>
{% if this.source -%} {% if this.source -%}