mirror of https://github.com/searxng/searxng.git
Merge pull request #518 from dalf/fix-simple-image-detail
[fix] simple theme: fix image detail layout on mobile
This commit is contained in:
commit
55737a219b
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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);
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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);
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue