comparison sat_templates/templates/bulma/photo/item.html @ 252:a0e889d73bad

bulma (photo): slideshow CSS + template for slideshow and the comments panel used inside.
author Goffi <goffi@goffi.org>
date Thu, 16 Jul 2020 09:08:34 +0200
parents 40fccd3b7cf0
children 1a68c078a233
comparison
equal deleted inserted replaced
251:80cfec962b1e 252:a0e889d73bad
1 <div class="column is-4 item" data-item='{{file|tojson}}'> 1 <div class="column is-4 item" data-item='{{file|tojson}}'>
2 <div class="card x-is-hoverable"> 2 <div class="card x-is-hoverable">
3 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light"> 3 <div class="card-image is-photo-thumbnail-container is-flex has-items-centered has-background-light">
4 <a href="{{file.url}}" class="is-wrapping"> 4 <a href="{{file.url}}" class="is-wrapping photo_thumb_click">
5 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}"> 5 <img class="is-photo-thumbnail" src="{{file.thumb_url}}" alt="{{file.name}}">
6 </a> 6 </a>
7 </div> 7 </div>
8 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> 8 <div class="card-content" onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')">
9 <div class="level"> 9 <div class="level">