annotate sat_templates/templates/bulma/call/search_item.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 5646df8bd391
children 5072e4a4e261
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
374
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
1 {% extends 'components/search_item.html' %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
2
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
3 {% import 'components/avatar.html' as avatar with context %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
4
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
5 {% block call %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
6 <div class="level is-mobile">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
7 <div class="level-right">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
8 <div class="level-item">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
9 <div class="search-item-extra dropdown is-right">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <div class="dropdown-trigger">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
11 <button class="button is-white is-small" aria-haspopup="true" aria-controls="dropdown-menu">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
12 <span class="icon">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
13 <i class="icon-dot-3-vert"></i>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
14 </span>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
15 </button>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
16 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
17 <div class="dropdown-menu" role="menu">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
18
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
19 <div class="dropdown-content">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
20 <!-- Video Call Option -->
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
21 <a class="click-to-video dropdown-item">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
22 <span class="icon">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
23 <i class="icon-videocam"></i>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
24 </span>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
25 {% trans %}video call{% endtrans %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
26 </a>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
27
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
28 <!-- Audio Call Option -->
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
29 <a class="click-to-audio dropdown-item">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
30 <span class="icon">
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
31 <i class="icon-phone"></i>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
32 </span>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
33 {% trans %}audio call{% endtrans %}
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
34 </a>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
35 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
36
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
37 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
38 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
39 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
40 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
41 </div>
5646df8bd391 bulma (call): calling mode improvments:
Goffi <goffi@goffi.org>
parents:
diff changeset
42 {% endblock %}