Mercurial > libervia-templates
annotate sat_templates/templates/default/photo/album.html @ 388:dc83f45625b3
bulma (file, components): fix color fo icons:
icons have no color specified anymore for a while, and use the color of parent elements.
As they are often used in a `<a>` element (to work without javascript), they are often
using a link color. This commit change a few icons to use a dark color instead.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Sun, 10 Dec 2023 10:55:09 +0100 |
| parents | db2e11c45082 |
| children |
| rev | line source |
|---|---|
| 124 | 1 {% extends 'base/base.html' %} |
| 2 {% import 'input/textbox.html' as textbox with context %} | |
| 3 {% import 'blog/macros.html' as blog with context %} | |
| 4 | |
| 5 {% block body %} | |
| 6 {{ icon_defs('comment-empty') }} | |
| 7 <div class="album"> | |
| 8 {% for file in files_data %} | |
| 9 {% if file.type == C.FILE_TYPE_FILE %} | |
| 10 <div class="album__item"> | |
| 11 <div class="album__vignette"> | |
|
192
db2e11c45082
photo (album): vignettes are now clickable
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
12 <a href="{{file.url}}"> |
|
db2e11c45082
photo (album): vignettes are now clickable
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
13 <img src="{{file.thumb_url}}" class="album__thumbnail" alt="{{file.name}}"> |
|
db2e11c45082
photo (album): vignettes are now clickable
Goffi <goffi@goffi.org>
parents:
172
diff
changeset
|
14 </a> |
| 124 | 15 </div> |
| 16 {% if file.comments_url is defined %} | |
| 17 <span class='album__comments-bar' onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')"> | |
| 18 {% trans %}comments{% endtrans %} | |
| 19 {% if file.comments_count %} | |
| 20 <span class='comments__count'>({{file.comments_count}})</span> | |
| 21 {% endif %} | |
|
172
4a03d0a6839b
css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents:
164
diff
changeset
|
22 {{ icon('comment-empty', cls='icon--text') }} |
| 124 | 23 </span> |
| 24 <div id='{{'comments_panel'|cur_gidx}}' class="panel-drawer"> | |
| 25 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }} | |
| 26 <div class="comment_post"> | |
| 27 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}} | |
| 28 </div> | |
| 29 </div> | |
| 30 {% endif %} | |
| 31 </div> | |
| 32 {% endif %} | |
| 33 {% endfor %} | |
| 34 </div> | |
| 35 {% endblock body %} |