1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2022-11-09 12:25:43 -05:00

Use has-children.

This commit is contained in:
XhmikosR 2019-07-17 11:44:32 +03:00
parent 67bea95df5
commit e09f306b6b
2 changed files with 12 additions and 17 deletions

View file

@ -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>

View file

@ -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;