diff options
| author | XhmikosR <[email protected]> | 2019-07-17 11:44:32 +0300 |
|---|---|---|
| committer | XhmikosR <[email protected]> | 2019-07-17 16:21:47 +0300 |
| commit | e09f306b6b46035d5f5c5f4c16e0cbc57a0150ae (patch) | |
| tree | 9490ef31214b4a01b91be0e11245ea3bcd14f58e | |
| parent | 67bea95df55751d56ea169eaae85fe52d37c10e5 (diff) | |
| download | bootstrap-e09f306b6b46035d5f5c5f4c16e0cbc57a0150ae.tar.xz bootstrap-e09f306b6b46035d5f5c5f4c16e0cbc57a0150ae.zip | |
Use `has-children`.
| -rw-r--r-- | site/layouts/partials/docs-sidebar.html | 2 | ||||
| -rw-r--r-- | site/static/docs/4.3/assets/scss/_sidebar.scss | 27 |
2 files changed, 12 insertions, 17 deletions
diff --git a/site/layouts/partials/docs-sidebar.html b/site/layouts/partials/docs-sidebar.html index 7f6f1eb20..d376f3674 100644 --- a/site/layouts/partials/docs-sidebar.html +++ b/site/layouts/partials/docs-sidebar.html @@ -15,7 +15,7 @@ {{- $group_slug := $group.title | urlize -}} {{- $active_group := eq $.Page.Params.group $group_slug }} - <li class="bd-sidenav-group my-1{{ if $active_group }} active{{ end }} js-sidenav-group"> + <li class="bd-sidenav-group my-1{{ if $active_group }} active{{ end }} js-sidenav-group{{ if $group.pages }} has-children{{ end }}"> <a class="d-inline-flex align-items-center bd-sidenav-group-link" href="/docs/{{ $.Site.Params.docs_version }}/{{ $group_slug }}/{{ if $group.pages }}{{ $link_slug }}/{{ end }}"> <div>{{- $group.title -}}</div> </a> diff --git a/site/static/docs/4.3/assets/scss/_sidebar.scss b/site/static/docs/4.3/assets/scss/_sidebar.scss index b5c356934..43232e9aa 100644 --- a/site/static/docs/4.3/assets/scss/_sidebar.scss +++ b/site/static/docs/4.3/assets/scss/_sidebar.scss @@ -43,7 +43,17 @@ color: rgba(0, 0, 0, .65); @include border-radius(.25rem); - &::before { + > * { pointer-events: none; } + + &:hover { + color: rgba(0, 0, 0, .85); + text-decoration: none; + background-color: rgba($bd-purple-bright, .1); + } +} + +.bd-sidenav-group { + &.has-children .bd-sidenav-group-link::before { display: inline-block; width: .875rem; height: .875rem; @@ -55,16 +65,6 @@ opacity: .5; } - > * { pointer-events: none; } - - &:hover { - color: rgba(0, 0, 0, .85); - text-decoration: none; - background-color: rgba($bd-purple-bright, .1); - } -} - -.bd-sidenav-group { &.active { .bd-sidenav-group-link::before { transform: rotate(90deg); @@ -80,11 +80,6 @@ } } -// Hide icon on last item -.bd-sidenav-group:last-child .bd-sidenav-group-link::before { - display: none; -} - // All levels of nav .bd-sidebar .nav { padding-left: 1.25rem; |