Mercurial > libervia-templates
annotate sat_templates/templates/default/photo/album.html @ 382:c573917ce388
bulma (call): redesign of call box:
- hang up button has be moved next to other action buttons, and is now just an icon with
no text, this save room and is coherent with usual A/V calls UIs
- actions buttons (mute, desktop sharing, camera switching, hang up) and local video have
been redesign to avoid overlapping on small screen. Local video is now a little higher.
- remore video border has been suppressed
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Fri, 18 Aug 2023 18:01:31 +0200 |
| 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 %} |