annotate sat_templates/templates/default/photo/album.html @ 172:4a03d0a6839b

css (styles): various styles improvments: - work on list - new paired-slides class - box-medium is a larger than before - use --text modified when size is 1em - added several list modifiers classes - added several box modifiers
author Goffi <goffi@goffi.org>
date Sat, 26 Jan 2019 20:22:18 +0100
parents e9f0a4215e46
children db2e11c45082
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
124
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% extends 'base/base.html' %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
2 {% import 'input/textbox.html' as textbox with context %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 {% import 'blog/macros.html' as blog with context %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
4
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 {% block body %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 {{ icon_defs('comment-empty') }}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 <div class="album">
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 {% for file in files_data %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 {% if file.type == C.FILE_TYPE_FILE %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <div class="album__item">
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 <div class="album__vignette">
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 <img src="{{file.thumb_url}}" class="album__thumbnail" alt="{{file.name}}">
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 </div>
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 {% if file.comments_url is defined %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 <span class='album__comments-bar' onclick="clicked_mh_fix('{{'comments_panel'|next_gidx}}')">
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 {% trans %}comments{% endtrans %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 {% if file.comments_count %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
18 <span class='comments__count'>({{file.comments_count}})</span>
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 {% endif %}
172
4a03d0a6839b css (styles): various styles improvments:
Goffi <goffi@goffi.org>
parents: 164
diff changeset
20 {{ icon('comment-empty', cls='icon--text') }}
124
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 </span>
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 <div id='{{'comments_panel'|cur_gidx}}' class="panel-drawer">
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 {{ blog.show_items(file.comments, expanded=true, dates_fmt='relative') }}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 <div class="comment_post">
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 {{- textbox.comment_or_login(service=file.comments_service, node=file.comments_node) -}}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 </div>
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
27 </div>
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 {% endif %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 </div>
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 {% endif %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 {% endfor %}
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 </div>
11e729a7d8e9 photo: photos handling, first draft:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 {% endblock body %}