[simple theme] add netloc to image result articles

This commit is contained in:
mrpaulblack 2022-04-06 15:07:05 +02:00
parent fcb626dedd
commit 169f8d9988
2 changed files with 11 additions and 3 deletions

View file

@ -145,7 +145,8 @@ article.result-images[data-vim-selected] {
filter: opacity(60%); filter: opacity(60%);
} }
span.title { span.title,
span.source {
color: var(--color-result-image-span-font-selected); color: var(--color-result-image-span-font-selected);
} }
} }
@ -373,7 +374,7 @@ article[data-vim-selected].category-social {
.result-images { .result-images {
flex-grow: 1; flex-grow: 1;
padding: 0.5rem 0.5rem 2rem 0.5rem; padding: 0.5rem 0.5rem 3rem 0.5rem;
margin: 0.25rem; margin: 0.25rem;
border: none !important; border: none !important;
height: @results-image-row-height; height: @results-image-row-height;
@ -393,7 +394,8 @@ article[data-vim-selected].category-social {
background: var(--color-result-image-background); background: var(--color-result-image-background);
} }
span.title { span.title,
span.source {
display: block; display: block;
position: absolute; position: absolute;
@ -405,6 +407,11 @@ article[data-vim-selected].category-social {
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
span.source {
padding: 1.8rem 0 0 0;
font-size: 0.7rem;
}
} }
.result-map { .result-map {

View file

@ -2,6 +2,7 @@
<a {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} href="{{ result.img_src }}">{{- "" -}} <a {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} href="{{ result.img_src }}">{{- "" -}}
<img class="image_thumbnail" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" loading="lazy" width="200" height="200">{{- "" -}} <img class="image_thumbnail" {% if results_on_new_tab %}target="_blank" rel="noopener noreferrer"{% else %}rel="noreferrer"{% endif %} src="{% if result.thumbnail_src %}{{ image_proxify(result.thumbnail_src) }}{% else %}{{ image_proxify(result.img_src) }}{% endif %}" alt="{{ result.title|striptags }}" loading="lazy" width="200" height="200">{{- "" -}}
<span class="title">{{ result.title|striptags }}</span>{{- "" -}} <span class="title">{{ result.title|striptags }}</span>{{- "" -}}
<span class="source">{{ result.parsed_url.netloc }}</span>{{- "" -}}
</a>{{- "" -}} </a>{{- "" -}}
<div class="detail">{{- "" -}} <div class="detail">{{- "" -}}
<a class="result-detail-close" href="#">{{ icon('close') }}</a>{{- "" -}} <a class="result-detail-close" href="#">{{ icon('close') }}</a>{{- "" -}}