Mercurial > libervia-templates
diff sat_templates/templates/bulma/blog/item.html @ 405:5016fb0ff62f default tip
Blog redesign: work in progress redesign of the blog.
Some templates have been moved from chat to components to be re-used in other features,
like blog here.
Blog follows same global design as chat with a left panel to search/open blogs.
| author | Goffi <goffi@goffi.org> |
|---|---|
| date | Wed, 21 May 2025 15:41:00 +0200 |
| parents | ddcdc0475940 |
| children |
line wrap: on
line diff
--- a/sat_templates/templates/bulma/blog/item.html Tue May 06 00:37:41 2025 +0200 +++ b/sat_templates/templates/bulma/blog/item.html Wed May 21 15:41:00 2025 +0200 @@ -15,7 +15,7 @@ {# we may display items in different language in a specific way #} {% set other_lang = " other_lang" if expanded else " other_lang state_init" %} {% endif %} - <article id="{{item.id}}" class="media has-background-white px-4 py-3" > + <article id="{{item.id}}" class="blog-item media px-4 py-3" > {% if identities is defined %} {% if avatar is defined %} <div class="media-left"> @@ -69,6 +69,47 @@ {{- item.content|urlize -}} </p> {% endif %} + + <div class="blog-item-footer"></div> + + {# Actions #} + <div class="level mb-0 mt-1"> + <div class="level-left"> + <div class="level-item"> + {# + <button + class="button is-small is-text has-text-grey is-rounded mr-2" + aria-label="{% trans %}Reply{% endtrans %}" + > + {{ icon('reply', cls='icon is-small') }} + </button> + #} + + <button + class="reaction-button button is-small is-text has-text-grey is-rounded mr-2" + aria-label="{% trans %}React{% endtrans %}" + > + {{ icon('regular face-smile', cls='icon is-small') }} + </button> + + <button + class="button is-small is-text has-text-grey is-rounded mr-2" + aria-label="{% trans %}Mark the post as noticed{% endtrans %}" + > + {{ icon('star', cls='icon is-small') }} + </button> + + <button + class="button is-small is-text has-text-grey is-rounded" + aria-label="{% trans %}More options{% endtrans %}" + > + {{ icon('ellipsis', cls='icon is-small') }} + </button> + </div> + </div> + </div> + + {# comments #} {% for comments_data in item.comments %} {% for item in comments_data['items'] %} {% include 'blog/item.html' %}