iSharkFly-Docs
/
opensearch-docs-cn
mirror of https://github.com/iSharkFly-Docs/opensearch-docs-cn
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fixes the nested nav's interaction with the custom search component (#1251) 

Signed-off-by: Miki <miki@amazon.com>

Signed-off-by: Miki <miki@amazon.com>
This commit is contained in:
Miki 2022-09-19 12:08:52 -07:00 committed by GitHub
parent 9da8dc23b6
commit 981ec77db4
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_layouts/default.html
View File

@ -127,7 +127,7 @@ layout: table_wrappers
</div> </div>
<div class="search-overlay"></div> <div class="search-overlay"></div>
</div> </div>
<div class="main" id="top"> <div class="main">
<div id="main-content-wrap" class="main-content-wrap"> <div id="main-content-wrap" class="main-content-wrap">
{% unless page.url == "/" %} {% unless page.url == "/" %}
{% if page.parent %} {% if page.parent %}

2
_sass/_nested-nav.scss
View File

@ -1,8 +1,8 @@
@media screen and (min-width: 46.25rem) {
#top { #top {
z-index: 9; z-index: 9;
} }
@media screen and (min-width: 46.25rem) {
[role="banner"] { [role="banner"] {
overflow: visible; overflow: visible;

10
_sass/custom/custom.scss
View File

@ -1004,6 +1004,13 @@ main {
} }
.search-active { .search-active {
body {
position: fixed;
@include mq(md) {
position: unset;
}
}
.main { .main {
position: relative !important; position: relative !important;
} }
@ -1018,6 +1025,7 @@ main {
} }
} }
.site-header { .site-header {
background: #D9E1E2; background: #D9E1E2;
font-weight: 300; font-weight: 300;
@ -1161,9 +1169,11 @@ version-selector {
} }
} }
@include respond-min(46.25rem) {
.banner-alert ~ main .custom-search-results { .banner-alert ~ main .custom-search-results {
max-height: calc(100vh - 200% - 60px - 3.6rem) !important; max-height: calc(100vh - 200% - 60px - 3.6rem) !important;
} }
}
.search-spinner { .search-spinner {
display: none; display: none;