diff options
| author | Alexandre Flament <alex@al-f.net> | 2021-10-28 08:50:55 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-10-28 08:50:55 +0200 |
| commit | 8985d3e6ef3c1371b21bee69074f0e38acae9967 (patch) | |
| tree | 0dd6787e3b6176345e681c02746177e626f0ac19 /searx/static/themes/simple/src/less/style.less | |
| parent | 2624034cd6f417b52ed3f9f3f5226720fa0b53a1 (diff) | |
| parent | a93bd191012add3adb670ecbc6e4119feb59ab02 (diff) | |
Merge pull request #376 from dalf/simple-image-detail
Simple theme: image detail
Diffstat (limited to 'searx/static/themes/simple/src/less/style.less')
| -rw-r--r-- | searx/static/themes/simple/src/less/style.less | 16 |
1 files changed, 13 insertions, 3 deletions
diff --git a/searx/static/themes/simple/src/less/style.less b/searx/static/themes/simple/src/less/style.less index 261e36792..ea95e3682 100644 --- a/searx/static/themes/simple/src/less/style.less +++ b/searx/static/themes/simple/src/less/style.less @@ -16,6 +16,7 @@ @import "code.less"; @import "toolkit.less"; @import "autocomplete.less"; +@import "detail.less"; // for index.html template @import "index.less"; @@ -138,6 +139,10 @@ article[data-vim-selected]::before { article.result-images[data-vim-selected] { background: var(--color-result-vim-arrow); + + .image_thumbnail { + filter: opacity(60%); + } } article.result-images[data-vim-selected]::before { @@ -283,25 +288,26 @@ article.result-images[data-vim-selected]::before { img { float: inherit; - margin: 0; + margin: 0.125rem; padding: 0; border: none; max-height: 200px; background: var(--color-result-image-background); } - span a { + span.title { display: none; color: var(--color-result-image-span-font); } - &:hover span a { + &:hover span.title { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; margin: 0 0 4px 4px; + // color: @color-result-image-span-font; background-color: var(--color-result-image-span-background-hover); font-size: 0.7em; } @@ -569,6 +575,10 @@ article.result-images[data-vim-selected]::before { } } +#results.scrolling #backToTop { + opacity: 1; +} + @media screen and (max-width: @tablet) { #main_preferences, #main_about, |