[simple theme] make url clickable and cleanup result article header

* url in article head is clickable
* url is bigger now 0.96em font
* url is now left floating on tablet and phone
* there is a 8px top and bottom margin on h3 result heading
This commit is contained in:
MrPaulBlack 2021-10-26 23:58:37 +02:00 committed by Markus Heiser
parent 8918fb3eb0
commit 1723726361
2 changed files with 3 additions and 14 deletions

View file

@ -152,7 +152,7 @@ article.result-images[data-vim-selected]::before {
h3 { h3 {
font-size: 1.1em; font-size: 1.1em;
word-wrap: break-word; word-wrap: break-word;
margin: 5px 0 1px 0; margin: 8px 0 8px 0 !important;
padding: 0; padding: 0;
margin-bottom: 0; margin-bottom: 0;
@ -207,7 +207,7 @@ article.result-images[data-vim-selected]::before {
} }
.url { .url {
font-size: 0.9em; font-size: 0.96em;
margin: 0 0 3px 0; margin: 0 0 3px 0;
padding: 0; padding: 0;
max-width: 54em; max-width: 54em;
@ -613,10 +613,6 @@ article.result-images[data-vim-selected]::before {
} }
.result { .result {
h3 {
margin: 0 0 1px 0;
}
.thumbnail { .thumbnail {
max-width: 98%; max-width: 98%;
} }
@ -629,11 +625,6 @@ article.result-images[data-vim-selected]::before {
overflow: hidden; overflow: hidden;
width: 100%; width: 100%;
} }
a {
float: right;
padding: 0 0.5em;
}
} }
.engines { .engines {

View file

@ -27,9 +27,7 @@
<!-- Draw result header --> <!-- Draw result header -->
{% macro result_header(result, favicons, image_proxify) -%} {% macro result_header(result, favicons, image_proxify) -%}
<article class="result {% if result['template'] %}result-{{ result.template|replace('.html', '') }}{% else %}result-default{% endif %} {% if result['category'] %}category-{{ result['category'] }}{% endif %}{% for e in result.engines %} {{ e }}{% endfor %}"> <article class="result {% if result['template'] %}result-{{ result.template|replace('.html', '') }}{% else %}result-default{% endif %} {% if result['category'] %}category-{{ result['category'] }}{% endif %}{% for e in result.engines %} {{ e }}{% endfor %}">
<p class="url"> <p class="url">{{ result_link(result.url, result.pretty_url, 'url') }}</p>
<span class="url">{{ result.pretty_url }}</span>
</p>{{- '' -}}
{%- if result.img_src %}{{ result_open_link(result.url) }}<img class="image" src="{{ image_proxify(result.img_src) }}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" class="image" />{{ result_close_link() }}{% endif -%} {%- if result.img_src %}{{ result_open_link(result.url) }}<img class="image" src="{{ image_proxify(result.img_src) }}" alt="{{ result.title|striptags }}" title="{{ result.title|striptags }}" class="image" />{{ result_close_link() }}{% endif -%}
{%- if result.thumbnail %}{{ result_open_link(result.url) }}<img class="thumbnail" src="{{ image_proxify(result.thumbnail) }}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}"/>{{ result_close_link() }}{% endif -%} {%- if result.thumbnail %}{{ result_open_link(result.url) }}<img class="thumbnail" src="{{ image_proxify(result.thumbnail) }}" title="{{ result.title|striptags }}" alt="{{ result.title|striptags }}"/>{{ result_close_link() }}{% endif -%}
<h3>{{ result_link(result.url, result.title|safe) }}</h3> <h3>{{ result_link(result.url, result.title|safe) }}</h3>