0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-03-15 15:29:22 +01:00

Fix mobile menu jump & double border

This commit is contained in:
Martijn Cuppens 2020-10-26 18:56:41 +01:00 committed by Mark Otto
parent 61b5efbaf7
commit 5d310db486
2 changed files with 35 additions and 39 deletions

View File

@ -5,7 +5,8 @@
</button> </button>
</form> </form>
<nav class="collapse bd-links" id="bd-docs-nav" aria-label="Main navigation"> <div class="collapse d-md-block row" id="bd-docs-nav">
<nav class="bd-links" aria-label="Main navigation">
{%- assign page_slug = page.url | split: '/' | last -%} {%- assign page_slug = page.url | split: '/' | last -%}
{%- for group in site.data.nav -%} {%- for group in site.data.nav -%}
{%- assign link = group.pages | first -%} {%- assign link = group.pages | first -%}
@ -40,4 +41,5 @@
</ul> </ul>
</div> </div>
{%- endfor -%} {%- endfor -%}
</nav> </nav>
</div>

View File

@ -66,10 +66,10 @@
} }
.bd-links { .bd-links {
width: 100%;
padding-top: 1rem; padding-top: 1rem;
padding-bottom: 1rem; padding-bottom: 1rem;
margin-right: -15px; border-top: 1px solid rgba(0, 0, 0, .05);
margin-left: -15px;
@include media-breakpoint-up(md) { @include media-breakpoint-up(md) {
@supports (position: sticky) { @supports (position: sticky) {
@ -77,11 +77,6 @@
overflow-y: auto; overflow-y: auto;
} }
} }
// Override collapse behaviors
@include media-breakpoint-up(md) {
display: block !important;
}
} }
.bd-search { .bd-search {
@ -89,7 +84,6 @@
padding: 1rem 15px; padding: 1rem 15px;
margin-right: -15px; margin-right: -15px;
margin-left: -15px; margin-left: -15px;
border-bottom: 1px solid rgba(0, 0, 0, .05);
.form-control:focus { .form-control:focus {
border-color: $bd-purple-bright; border-color: $bd-purple-bright;