Mercurial > libervia-templates
comparison 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 |
comparison
equal
deleted
inserted
replaced
| 387:8b990c78d4b5 | 388:dc83f45625b3 |
|---|---|
| 17 {% endmacro %} | 17 {% endmacro %} |
| 18 | 18 |
| 19 {% macro icon_item(icon_name, label, url, class="", delete_icon=false, data=none) %} | 19 {% macro icon_item(icon_name, label, url, class="", delete_icon=false, data=none) %} |
| 20 <div class="column is-2-desktop is-4-touch item" {% if data %}data-item='{{data|tojson}}'{% endif %}> | 20 <div class="column is-2-desktop is-4-touch item" {% if data %}data-item='{{data|tojson}}'{% endif %}> |
| 21 <div class="card {{class}}"> | 21 <div class="card {{class}}"> |
| 22 <a href="{{url}}"> | 22 <a href="{{url}}" class=""> |
| 23 <div class="card-image has-text-centered"> | 23 <div class="card-image has-text-centered has-text-dark"> |
| 24 {{ icon(icon_name, cls='image is-64x64 is-inline-block') }} | 24 {{ icon(icon_name, cls='image is-64x64 is-inline-block') }} |
| 25 {% if delete_icon %} | 25 {% if delete_icon %} |
| 26 <button class="delete action_delete is-small is-top-right"></button> | 26 <button class="delete action_delete is-small is-top-right"></button> |
| 27 {% endif %} | 27 {% endif %} |
| 28 </div> | 28 </div> |
| 74 <a href="{{interest.url}}"> | 74 <a href="{{interest.url}}"> |
| 75 {% if interest.thumb_url %} | 75 {% if interest.thumb_url %} |
| 76 <img class="is-photo-thumbnail" src="{{interest.thumb_url}}"> | 76 <img class="is-photo-thumbnail" src="{{interest.thumb_url}}"> |
| 77 {% else %} | 77 {% else %} |
| 78 <div class="is-photo-thumbnail"> | 78 <div class="is-photo-thumbnail"> |
| 79 {{ icon(default_icon_name, "image is-128x128") }} | 79 {{ icon(default_icon_name, "image is-128x128 has-text-dark") }} |
| 80 </div> | 80 </div> |
| 81 {% endif %} | 81 {% endif %} |
| 82 </a> | 82 </a> |
| 83 </div> | 83 </div> |
| 84 <div class="card-content has-text-centered x-is-hoverable"> | 84 <div class="card-content has-text-centered x-is-hoverable"> |