Mercurial > libervia-templates

comparison sat_templates/templates/bulma/file/overview.html @ 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 0e69b5843c2f
children
comparison
equal deleted inserted replaced
387:8b990c78d4b5 388:dc83f45625b3
7 {% if parent_url is defined %} 7 {% if parent_url is defined %}
8 <div class="column is-2-desktop is-4-touch file"> 8 <div class="column is-2-desktop is-4-touch file">
9 <div class="card"> 9 <div class="card">
10 <a href="{{ parent_url }}"> 10 <a href="{{ parent_url }}">
11 <div class="card-image has-text-centered"> 11 <div class="card-image has-text-centered">
12 {{ icon('level-up', cls='image is-64x64 is-inline-block') }} 12 {{ icon('level-up', cls='image is-64x64 is-inline-block has-text-dark') }}
13 </div> 13 </div>
14 <div class='card-content has-text-centered is-paddingless'> 14 <div class='card-content has-text-centered is-paddingless'>
15 <span>{% trans %}parent dir{% endtrans %}</span> 15 <span>{% trans %}parent dir{% endtrans %}</span>
16 </div> 16 </div>
17 </a> 17 </a>
23 {% if file.type == C.FILE_TYPE_DIRECTORY %} 23 {% if file.type == C.FILE_TYPE_DIRECTORY %}
24 <div class="column is-2-desktop is-4-touch file file_{{file.type}}"> 24 <div class="column is-2-desktop is-4-touch file file_{{file.type}}">
25 <div class="card"> 25 <div class="card">
26 <a href="{{file.url}}"> 26 <a href="{{file.url}}">
27 <div class="card-image has-text-centered"> 27 <div class="card-image has-text-centered">
28 {{ icon('folder-open-empty', cls='image is-64x64 is-inline-block') }} 28 {{ icon('folder-open-empty', cls='image is-64x64 is-inline-block has-text-dark') }}
29 </div> 29 </div>
30 <div class='card-content has-text-centered has-text-shortenable is-paddingless'> 30 <div class='card-content has-text-centered has-text-shortenable is-paddingless'>
31 <span>{{ file.name }}</span> 31 <span>{{ file.name }}</span>
32 </div> 32 </div>
33 </a> 33 </a>
39 <a href="{{file.url}}"> 39 <a href="{{file.url}}">
40 <div class="card-image has-text-centered"> 40 <div class="card-image has-text-centered">
41 {% if file.thumb_url is defined %} 41 {% if file.thumb_url is defined %}
42 <img src="{{file.thumb_url}}" class="image is-64x64 is-inline-block" alt="{{file.name}}"> 42 <img src="{{file.thumb_url}}" class="image is-64x64 is-inline-block" alt="{{file.name}}">
43 {% else %} 43 {% else %}
44 {{ icon('doc', cls='image is-64x64 is-inline-block') }} 44 {{ icon('doc', cls='image is-64x64 is-inline-block has-text-dark') }}
45 {% endif %} 45 {% endif %}
46 </div> 46 </div>
47 <div class='card-content has-text-centered has-text-shortenable is-paddingless'> 47 <div class='card-content has-text-centered has-text-shortenable is-paddingless'>
48 <span>{{ file.name }}</span> 48 <span>{{ file.name }}</span>
49 </div> 49 </div>