Simplify image gallery logic

This commit is contained in:
Zed 2019-06-23 22:06:48 +02:00
parent 096471b50d
commit c559ab1f1a
1 changed files with 5 additions and 6 deletions

View File

@ -34,16 +34,15 @@
#var first = true
<div class="attachments media-body">
#for photos in groups:
#let style = if first: "" else: "margin-top: .25em;"
<div class="gallery-row cover-fit" style="${style}">
#let margin = if not first: "margin-top: .25em;" else: ""
#let flex = if photos.len > 1 or groups.len > 1: "display: flex;" else: ""
<div class="gallery-row cover-fit" style="${margin}">
#for photo in photos:
<div class="attachment image">
##TODO: why doesn't this work?
<a href=${getSigUrl(photo & "?name=orig", "pic")} target="_blank" class="image-attachment">
#let style = if photos.len > 1 or groups.len > 1: "display: flex;" else: ""
#let istyle = if photos.len > 1 or groups.len > 1: "" else: "border-radius: 7px;"
<div class="still-image" style="${style}">
<img src=${getSigUrl(photo, "pic")} referrerpolicy="" style="${istyle}">
<div class="still-image" style="${flex}">
<img src=${getSigUrl(photo, "pic")} referrerpolicy="">
</div>
</a>
</div>