annotate sat_templates/templates/bulma/components/url_preview.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 941e4006ab6e
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
364
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
1
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
2 {% if url_preview %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
3
385
941e4006ab6e bulma (message): reactions + fixes:
Goffi <goffi@goffi.org>
parents: 364
diff changeset
4 <div id="url-preview" class="box my-2 url-preview has-background-light">
364
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
5 <div class="has-text-right">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
6 <span class="tag is-dark is-rounded is-fullwidth-mobile has-text-centered-mobile mb-2">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
7 {% trans %}Preview{% endtrans %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
8 </span>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
9 </div>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
10 <article class="media">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
11 {% if url_preview.image %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
12 <figure class="media-left is-hidden-touch">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
13 <p class="image is-64x64">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
14 <img src="{{ url_preview.image }}" alt="">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
15 </p>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
16 </figure>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
17 {% endif %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
18 <div class="media-content">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
19 <div class="content">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
20 {% if url_preview.image %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
21 <p class="is-hidden-desktop">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
22 <img src="{{ url_preview.image }}" alt="" class="image is-64x64 mb-2">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
23 </p>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
24 {% endif %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
25 <p>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
26 <strong><a href="{{ url_preview.url }}" class="has-text-dark">{{ url_preview.title }}</a></strong> <br>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
27 {% if url_preview.author_name %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
28 <small>{% trans %}By{% endtrans %} <a href="{{ url_preview.author_url }}">{{ url_preview.author_name }}</a></small> <br>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
29 {% endif %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
30 {{ url_preview.description }}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
31 </p>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
32
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
33 </div>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
34 </div>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
35 </article>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
36 {% if url_preview.html %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
37 <div class="url-preview-iframe-container">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
38 <iframe class="url-preview-iframe" srcdoc="{{url_preview.html}}" frameborder="0" sandbox="{{'allow-scripts allow-same-origin' if url_preview.html_known}}"></iframe>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
39 </div>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
40 {% endif %}
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
41
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
42 <footer class="content has-text-right">
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
43 <a href="{{ url_preview.provider_url }}" class="has-text-grey">{% trans %}source:{% endtrans %} {{ url_preview.provider_name }}</a>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
44 </footer>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
45 </div>
095bd5b34080 chat: add templates for URL previews
Goffi <goffi@goffi.org>
parents:
diff changeset
46 {% endif %}