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 13 additions and 13 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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);

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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);

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

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 {