annotate sat_templates/templates/bulma/chat/search_item.html @ 403:65c53ec5e777
Bulma: complete redesign:
This is a WIP full redesign of the whole web UI. Only chat is usable at the moment, many
things are broken.
The design uses the new Bulma v1+, has a look closer to industry standards, paves the way
for a dark theme, and should be easy to use.
It's a basis for coming features such as UI/UX for threads.
rel 457
| author |
Goffi <goffi@goffi.org> |
| date |
Fri, 11 Apr 2025 21:32:05 +0200 |
| parents |
|
| children |
|
| rev |
line source |
|
403
|
1 {% import 'components/avatar.html' as avatar with context %} |
|
|
2 |
|
|
3 |
|
|
4 |
|
|
5 <div class="search-item box py-2 px-3 mb-2 is-unselectable is-clickable" {{ {'data-entity': item.entity}|xmlattr }}> |
|
|
6 <div class="is-flex is-align-items-center"> |
|
|
7 <div class="mr-2"> |
|
|
8 {{ avatar.avatar(item.entity) }} |
|
|
9 </div> |
|
|
10 <div class="is-flex-grow-1"> |
|
|
11 <p class="mb-0">{{identities[item.entity].nicknames[0] if identities[item.entity].nicknames else item.entity}}</p> |
|
|
12 <p class="has-text-grey is-size-7">{{item.entity}}</p> |
|
|
13 </div> |
|
|
14 {# |
|
|
15 <div> |
|
|
16 <span class="tag is-success is-light">Online</span> |
|
|
17 </div> |
|
|
18 #} |
|
|
19 </div> |
|
|
20 </div> |
