Mercurial > libervia-templates
annotate sat_templates/templates/bulma/forum/overview.html @ 400:140690a18b63
call: group call design:
Design for group call (which is used for both group call and A/V conferences) has been
improved to:
- have a working fullscreen button;
- have a better display of peer users in grid, with responsive design;
- have a nicer design for peer user, and adding avatar/nickname as overlay on the bottom
of the video stream;
- add a way to (un)pin a peer user, which make is appear on the whole width on top of the
grid.
rel 448
HG<S-Insert>: changed sat_templates/templates/bulma/call/group_peer.html
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Tue, 06 Aug 2024 23:50:17 +0200 |
| parents | 1928ba66c194 |
| children |
| rev | line source |
|---|---|
| 230 | 1 {% extends 'base/base.html' %} |
| 2 | |
| 3 {% macro generate_forums(forums_data, level=0) %} | |
| 4 {% if level == 0 %} | |
| 5 <section class="section"> | |
| 6 {% for forum in forums_data %} | |
|
246
1928ba66c194
bulma: replaced custom styles by new spacing helpers
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
7 <div class="box content has-text-centered has-background-info mt-4"> |
| 230 | 8 <h4 class="title has-text-white">{{ forum.title }}</h4> |
| 9 {% if 'short-desc' in forum %} | |
| 10 <p class="subtitle is-size-7 is-italic has-text-white">{{ forum['short-desc'] }}</h5> | |
| 11 {% endif %} | |
| 12 </div> | |
| 13 {% if 'sub-forums' in forum %} | |
| 14 {{ generate_forums(forum['sub-forums'], level=level+1) }} | |
| 15 {% endif %} | |
| 16 {% endfor %} | |
| 17 </section> | |
| 18 {% else %} | |
| 19 <div class="forum forum__panel_{{panel_type}}"> | |
| 20 {% for forum in forums_data %} | |
|
246
1928ba66c194
bulma: replaced custom styles by new spacing helpers
Goffi <goffi@goffi.org>
parents:
230
diff
changeset
|
21 <div class="my-2 forum forum__cat_{{panel_type}} forum__level_{{level}}"> |
| 230 | 22 {% if 'http_url' in forum %} |
| 23 <a href="{{forum['http_url']}}" class="box content x-is-hoverable"> | |
| 24 {% else %} | |
| 25 <a class="box content"> | |
| 26 {% endif %} | |
| 27 <h4 class="title">{{ forum.title }}</h4> | |
| 28 {% if 'short-desc' in forum %} | |
| 29 <p class="subtitle is-size-7 is-italic">{{ forum['short-desc'] }}</p> | |
| 30 {% endif %} | |
| 31 </a> | |
| 32 {% if 'sub-forums' in forum %} | |
| 33 {{ generate_forums(forum['sub-forums'], level=level+1) }} | |
| 34 {% endif %} | |
| 35 </div> | |
| 36 {% endfor %} | |
| 37 </div> | |
| 38 {% endif %} | |
| 39 {% endmacro %} | |
| 40 | |
| 41 {% block body %} | |
| 42 {% if not forums %} | |
| 43 <div class="message"> | |
| 44 <div class="message-body">{% trans %}No forums found on this server!{% endtrans %}</div> | |
| 45 </div> | |
| 46 {% else %} | |
| 47 <div class="container forums"> | |
| 48 {{ generate_forums(forums) }} | |
| 49 </div> | |
| 50 {% endif %} | |
| 51 {% endblock body %} |