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

[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

View File

@ -1888,7 +1888,7 @@ td:hover .engine-tooltip,
}
}
#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 {
left: 56.75rem !important;
@ -1903,7 +1903,7 @@ article.result-images .detail {
position: fixed;
left: 60rem;
right: 0;
top: 7.5rem;
top: 7.75rem;
transition: top 0.064s ease-in 0s;
bottom: 0;
background: var(--color-result-detail-background);

View File

@ -1888,7 +1888,7 @@ td:hover .engine-tooltip,
}
}
#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 {
left: 56.75rem !important;
@ -1903,7 +1903,7 @@ article.result-images .detail {
position: fixed;
left: 60rem;
right: 0;
top: 7.5rem;
top: 7.75rem;
transition: top 0.064s ease-in 0s;
bottom: 0;
background: var(--color-result-detail-background);

Binary file not shown.

View File

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

View File

@ -1,5 +1,5 @@
#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 {