Merge pull request #518 from dalf/fix-simple-image-detail

Browse Source 
[fix] simple theme: fix image detail layout on mobile
This commit is contained in:
Alexandre Flament 2021-11-19 11:19:44 +01:00 committed by GitHub
commit 55737a219b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
11 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
searx/static/themes/oscar/css/pointhi.min.css.map
View File

Binary file not shown.

BIN
searx/static/themes/oscar/js/searxng.min.js.map
View File

Binary file not shown.

4
searx/static/themes/simple/css/searxng-rtl.css
View File

@ -1888,7 +1888,7 @@ td:hover .engine-tooltip,
} }
} }
#main_results #results.image-detail-open.only_template_images { #main_results #results.image-detail-open.only_template_images {
width: 59.25rem !important; width: min(98%, 59.25rem) !important;
} }
#main_results #results.only_template_images.image-detail-open #backToTop { #main_results #results.only_template_images.image-detail-open #backToTop {
left: 56.75rem !important; left: 56.75rem !important;
@ -1903,7 +1903,7 @@ article.result-images .detail {
position: fixed; position: fixed;
left: 60rem; left: 60rem;
right: 0; right: 0;
top: 7.5rem; top: 7.75rem;
transition: top 0.064s ease-in 0s; transition: top 0.064s ease-in 0s;
bottom: 0; bottom: 0;
background: var(--color-result-detail-background); background: var(--color-result-detail-background);

BIN
searx/static/themes/simple/css/searxng-rtl.min.css vendored
View File

Binary file not shown.

BIN
searx/static/themes/simple/css/searxng-rtl.min.css.map
View File

Binary file not shown.

4
searx/static/themes/simple/css/searxng.css
View File

@ -1888,7 +1888,7 @@ td:hover .engine-tooltip,
} }
} }
#main_results #results.image-detail-open.only_template_images { #main_results #results.image-detail-open.only_template_images {
width: 59.25rem !important; width: min(98%, 59.25rem) !important;
} }
#main_results #results.only_template_images.image-detail-open #backToTop { #main_results #results.only_template_images.image-detail-open #backToTop {
left: 56.75rem !important; left: 56.75rem !important;
@ -1903,7 +1903,7 @@ article.result-images .detail {
position: fixed; position: fixed;
left: 60rem; left: 60rem;
right: 0; right: 0;
top: 7.5rem; top: 7.75rem;
transition: top 0.064s ease-in 0s; transition: top 0.064s ease-in 0s;
bottom: 0; bottom: 0;
background: var(--color-result-detail-background); background: var(--color-result-detail-background);

BIN
searx/static/themes/simple/css/searxng.min.css vendored
View File

Binary file not shown.

BIN
searx/static/themes/simple/css/searxng.min.css.map
View File

Binary file not shown.

BIN
searx/static/themes/simple/js/searxng.min.js.map
View File

Binary file not shown.

2
searx/static/themes/simple/src/less/definitions.less
View File

@ -219,7 +219,7 @@
@result-padding: 1rem; @result-padding: 1rem;
@search-width: 40rem; @search-width: 40rem;
// heigh of #search, see detail.less // heigh of #search, see detail.less
@search-height: 7.5rem; @search-height: 7.75rem;
/// Device Size /// Device Size
/// @desktop > @tablet /// @desktop > @tablet

2
searx/static/themes/simple/src/less/detail.less
View File

@ -1,5 +1,5 @@
#main_results #results.image-detail-open.only_template_images { #main_results #results.image-detail-open.only_template_images {
width: 59.25rem !important; width: min(98%, 59.25rem) !important;
} }
#main_results #results.only_template_images.image-detail-open #backToTop { #main_results #results.only_template_images.image-detail-open #backToTop {