Mercurial > libervia-templates
diff sat_templates/templates/bulma/components/block.html @ 388:dc83f45625b3
bulma (file, components): fix color fo icons:
icons have no color specified anymore for a while, and use the color of parent elements.
As they are often used in a `<a>` element (to work without javascript), they are often
using a link color. This commit change a few icons to use a dark color instead.
author | Goffi <goffi@goffi.org> |
---|---|
date | Sun, 10 Dec 2023 10:55:09 +0100 |
parents | 8c779fb46384 |
children |
line wrap: on
line diff
--- a/sat_templates/templates/bulma/components/block.html Thu Nov 30 13:24:43 2023 +0100 +++ b/sat_templates/templates/bulma/components/block.html Sun Dec 10 10:55:09 2023 +0100 @@ -19,8 +19,8 @@ {% macro icon_item(icon_name, label, url, class="", delete_icon=false, data=none) %} <div class="column is-2-desktop is-4-touch item" {% if data %}data-item='{{data|tojson}}'{% endif %}> <div class="card {{class}}"> - <a href="{{url}}"> - <div class="card-image has-text-centered"> + <a href="{{url}}" class=""> + <div class="card-image has-text-centered has-text-dark"> {{ icon(icon_name, cls='image is-64x64 is-inline-block') }} {% if delete_icon %} <button class="delete action_delete is-small is-top-right"></button> @@ -76,7 +76,7 @@ <img class="is-photo-thumbnail" src="{{interest.thumb_url}}"> {% else %} <div class="is-photo-thumbnail"> - {{ icon(default_icon_name, "image is-128x128") }} + {{ icon(default_icon_name, "image is-128x128 has-text-dark") }} </div> {% endif %} </a>