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>
</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 -%}
{%- for group in site.data.nav -%}
{%- assign link = group.pages | first -%}
@ -41,3 +42,4 @@
</div>
{%- endfor -%}
</nav>
</div>

View File

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