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
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 {