Mercurial > libervia-templates

changeset 388:dc83f45625b3

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
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 8b990c78d4b5
children 2eaea9a9c234
files sat_templates/templates/bulma/components/block.html sat_templates/templates/bulma/file/overview.html
diffstat 2 files changed, 6 insertions(+), 6 deletions(-) [+]
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>
--- a/sat_templates/templates/bulma/file/overview.html	Thu Nov 30 13:24:43 2023 +0100
+++ b/sat_templates/templates/bulma/file/overview.html	Sun Dec 10 10:55:09 2023 +0100
@@ -9,7 +9,7 @@
                 <div class="card">
                     <a href="{{ parent_url }}">
                         <div class="card-image has-text-centered">
-                            {{ icon('level-up', cls='image is-64x64 is-inline-block') }}
+                            {{ icon('level-up', cls='image is-64x64 is-inline-block has-text-dark') }}
                         </div>
                         <div class='card-content has-text-centered is-paddingless'>
                             <span>{% trans %}parent dir{% endtrans %}</span>
@@ -25,7 +25,7 @@
                     <div class="card">
                         <a href="{{file.url}}">
                             <div class="card-image has-text-centered">
-                                {{ icon('folder-open-empty', cls='image is-64x64 is-inline-block') }}
+                                {{ icon('folder-open-empty', cls='image is-64x64 is-inline-block has-text-dark') }}
                             </div>
                             <div class='card-content has-text-centered has-text-shortenable is-paddingless'>
                                 <span>{{ file.name }}</span>
@@ -41,7 +41,7 @@
                                 {% if file.thumb_url is defined %}
                                     <img src="{{file.thumb_url}}" class="image is-64x64 is-inline-block" alt="{{file.name}}">
                                 {% else %}
-                                    {{ icon('doc', cls='image is-64x64 is-inline-block') }}
+                                    {{ icon('doc', cls='image is-64x64 is-inline-block has-text-dark') }}
                                 {% endif %}
                             </div>
                             <div class='card-content has-text-centered has-text-shortenable is-paddingless'>