Cleanup menu styles

pull/6274/head
Wieland Lindenthal 7 years ago
parent 81acf257dc
commit 49ffba5a46
  1. 16
      app/assets/stylesheets/layout/_main_menu.sass
  2. 13
      app/assets/stylesheets/layout/_tree_menu.sass

@ -169,28 +169,18 @@ $arrow-left-width: 40px
padding: initial padding: initial
&:hover &:hover
@include varprop(background, main-menu-child-bg-hover-color)
@if $main-menu-enable-toggle-highlighting != true @if $main-menu-enable-toggle-highlighting != true
// simultaneously hover all menu item anchor tags // simultaneously hover all menu item anchor tags
> a > a
@include varprop(color, main-menu-bg-hover-background) @include varprop(color, main-menu-bg-hover-background)
> a > a
&.selected, &.selected + a &.selected, &.selected
@include varprop(background, main-menu-bg-selected-background) @include varprop(background, main-menu-bg-selected-background)
@include varprop(color, main-menu-selected-font-color)
&:hover, &.selected, &.selected + a
@include varprop(color, main-menu-bg-selected-background)
a
&:hover &:hover
text-decoration: none
@include varprop(color, main-menu-hover-font-color) @include varprop(color, main-menu-hover-font-color)
&.selected @include varprop(background, main-menu-child-bg-hover-color)
border: none !important
@include varprop(color, main-menu-selected-font-color)
.main-menu--children-menu-header .main-menu--children-menu-header
padding: 10px padding: 10px

@ -13,10 +13,6 @@ div.wiki ul.pages-hierarchy,
height: $tree-menu-item-height height: $tree-menu-item-height
line-height: $tree-menu-item-height line-height: $tree-menu-item-height
.tree-menu--item.-selected
.tree-menu--title
@include varprop(color, main-menu-selected-font-color)
.tree-menu--hierarchy-span .tree-menu--hierarchy-span
display: inline-block display: inline-block
width: $hierarchy-span-width width: $hierarchy-span-width
@ -82,10 +78,15 @@ div.wiki ul.pages-hierarchy,
height: $tree-menu-item-height height: $tree-menu-item-height
&.-selected &.-selected
@include varprop(background, main-menu-bg-selected-background) @include varprop(background, main-menu-bg-selected-background)
.tree-menu--title
@include varprop(color, main-menu-selected-font-color)
&:hover &:hover
@include varprop(color, main-menu-hover-font-color)
@include varprop(background, main-menu-bg-hover-background) @include varprop(background, main-menu-bg-hover-background)
.tree-menu--title
@include varprop(color, main-menu-hover-font-color)
text-decoration: none

Loading…
Cancel
Save