diff sat_templates/templates/bulma/file/overview.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 0e69b5843c2f
children
line wrap: on
line diff
--- 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'>