Mercurial > libervia-templates
changeset 369:1b753e3baf06
bulma (chat): add `search_item` to handle search results in chat selection
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Thu, 06 Jul 2023 11:42:16 +0200 |
| parents | 68c6f30aecab |
| children | 281d1c958d56 |
| files | sat_templates/templates/bulma/chat/search_item.html sat_templates/templates/bulma/static/chat.css |
| diffstat | 2 files changed, 29 insertions(+), 0 deletions(-) [+] |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/sat_templates/templates/bulma/chat/search_item.html Thu Jul 06 11:42:16 2023 +0200 @@ -0,0 +1,22 @@ +{% import 'components/avatar.html' as avatar with context %} +<div class="column is-2-desktop is-4-touch"> + <div class="card x-is-hoverable"> + <a href="{{url}}"> + <div class="card-image is-flex has-items-centered px-1 py-1"> + {{ avatar.avatar(item.entity, "is-64x64") }} + </div> + <div class="card-content has-text-centered has-text-shortenable px-1 py-1"> + <span>{{identities[item.entity].nicknames[0] if identities[item.entity].nicknames else item.entity}}</span> + <div class="search-item__group-tags is-flex is-justify-content-center mt-2"> + {% if item.groups %} + <div class="tags"> + {% for group in item.groups %} + <span class="tag is-rounded is-light">{{ group }}</span> + {% endfor %} + </div> + {% endif %} + </div> + </div> + </a> + </div> +</div>
--- a/sat_templates/templates/bulma/static/chat.css Thu Jul 06 11:38:51 2023 +0200 +++ b/sat_templates/templates/bulma/static/chat.css Thu Jul 06 11:42:16 2023 +0200 @@ -157,3 +157,10 @@ top: -10px; right: -10px; } + +/* Search */ + +.search-item__group-tags { + /* we want the item with no group to have the same height as an item with one */ + min-height: 40px; +}