mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-07 04:54:24 +01:00
docs(sidenav): fix struggling CSS when collapsing sidenav
This commit is contained in:
parent
5f58b3df2c
commit
79dc21b22b
@ -16,10 +16,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
:not(.active) > .bd-sidenav {
|
|
||||||
display: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
.bd-sidenav-group-link {
|
.bd-sidenav-group-link {
|
||||||
padding: .25rem .625rem .25rem .5rem;
|
padding: .25rem .625rem .25rem .5rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
@ -57,6 +53,7 @@
|
|||||||
|
|
||||||
// All levels of nav
|
// All levels of nav
|
||||||
.bd-sidebar .nav {
|
.bd-sidebar .nav {
|
||||||
|
flex-flow: column nowrap;
|
||||||
padding-left: 1.25rem;
|
padding-left: 1.25rem;
|
||||||
|
|
||||||
> li > a {
|
> li > a {
|
||||||
|
@ -22,7 +22,7 @@
|
|||||||
</a>
|
</a>
|
||||||
|
|
||||||
{{- if $group.pages }}
|
{{- if $group.pages }}
|
||||||
<ul class="nav bd-sidenav flex-column mb-2 collapse{{ if $active_group }} show{{ end }}" id="{{ $group_slug }}-collapse">
|
<ul class="nav bd-sidenav mb-2 collapse{{ if $active_group }} show{{ end }}" id="{{ $group_slug }}-collapse">
|
||||||
{{- range $doc := $group.pages -}}
|
{{- range $doc := $group.pages -}}
|
||||||
{{- $doc_slug := $doc.title | urlize }}
|
{{- $doc_slug := $doc.title | urlize }}
|
||||||
<li{{ if and $active_group (eq $page_slug $doc_slug) }} class="active bd-sidenav-active"{{ end }}>
|
<li{{ if and $active_group (eq $page_slug $doc_slug) }} class="active bd-sidenav-active"{{ end }}>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user