Skip to content
Snippets Groups Projects

3397104 - adds second menu item level to active menu item class

Merged 3397104 - adds second menu item level to active menu item class
issue/gin-3397104:3397104-styles-for-active into 8.x-3.x
Merged Holger Weischenberg requested to merge issue/gin-3397104:3397104-styles-for-active into 8.x-3.x
Compare
and
2 files
+ 12
− 5
Compare changes
  • Side-by-side
  • Inline
Files
2
dist/css/layout/navigation.css
+ 10
− 4
@@ -961,13 +961,15 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu
.gin--navigation .toolbar-menu__item--level-1.menu-item--expanded,
.gin--navigation .toolbar-menu__item--level-1.current,
.gin--navigation .toolbar-menu__item--level-1.active-path {
.gin--navigation .toolbar-menu__item--level-1.active-path,
.gin--navigation .toolbar-menu__item--level-2.active-path {
background-color: transparent;
}
.gin--navigation .toolbar-menu__item--level-1.menu-item--expanded > .toolbar-link,
.gin--navigation .toolbar-menu__item--level-1.current > .toolbar-link,
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link {
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link,
.gin--navigation .toolbar-menu__item--level-2.active-path > .toolbar-link {
color: var(--gin-color-primary);
background-color: var(--gin-color-primary-light);
}
@@ -976,7 +978,9 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu
.gin--navigation .toolbar-menu__item--level-1.current > .toolbar-link::before,
.gin--navigation .toolbar-menu__item--level-1.current > .toolbar-link::after,
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link::before,
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link::after {
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link::after,
.gin--navigation .toolbar-menu__item--level-2.active-path > .toolbar-link::before,
.gin--navigation .toolbar-menu__item--level-2.active-path > .toolbar-link::after {
background: var(--gin-color-primary);
}
@@ -984,7 +988,9 @@ html:not(.admin-toolbar-expanded) .toolbar-menu__item--level-1:not(.toolbar-menu
.gin--navigation .toolbar-menu__item--level-1.current > .toolbar-link:hover,
.gin--navigation .toolbar-menu__item--level-1.current > .toolbar-link:focus,
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link:hover,
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link:focus {
.gin--navigation .toolbar-menu__item--level-1.active-path > .toolbar-link:focus,
.gin--navigation .toolbar-menu__item--level-2.active-path > .toolbar-link:hover,
.gin--navigation .toolbar-menu__item--level-2.active-path > .toolbar-link:focus {
color: var(--gin-color-primary-hover);
background-color: var(--gin-color-primary-light-hover);
}