diff --git a/source/js/app.js b/source/js/app.js index bfa0416a8..44e23198e 100755 --- a/source/js/app.js +++ b/source/js/app.js @@ -72,12 +72,12 @@ var customSearch; setTimeout(function () { $underline.removeClass('disable-trans') }, 0);//get into the queue. } } - $headerMenu.on('mouseenter', 'li', function (e) { - setUnderline($(e.currentTarget)); - }); - $headerMenu.on('mouseout', function () { - setUnderline(); - }); + // $headerMenu.on('mouseenter', 'li', function (e) { + // setUnderline($(e.currentTarget)); + // }); + // $headerMenu.on('mouseout', function () { + // setUnderline(); + // }); //set current active nav var $active_link = null; if (location.pathname === '/' || location.pathname.startsWith('/page/')) { diff --git a/source/less/_header.less b/source/less/_header.less index 735d6c52e..0c6c9d5aa 100755 --- a/source/less/_header.less +++ b/source/less/_header.less @@ -74,13 +74,13 @@ font-size: @fontsize_base; color: fade(@theme_text_in_header,60%); padding: 0 8px; + &.current{ + border-bottom: 4px solid fade(@theme_base_card_bg, 80%); + } &:hover{ color: @theme_text_in_header; - border-bottom: 4px solid @theme_text_header; - background: fade(@theme_text_header, 10%); - } - &.current{ - border-bottom: 4px solid @theme_text_header; + border-bottom: 4px solid @theme_base_card_bg; + background: fade(@theme_base_card_bg, 10%); } } @media(max-width: @on_phone){ @@ -215,12 +215,18 @@ .menu{ ul > li > a{ color: fade(@theme_base_tint,60%); - &:hover,&.active{ + &.current{ + border-bottom: 4px solid fade(@theme_base_tint, 80%); + } + &:hover{ color: @theme_base_tint; + border-bottom: 4px solid @theme_base_tint; + background: fade(@theme_base_tint, 10%); } } .underline{ - background: @theme_base_tint; + // background: @theme_base_tint; + background: transparent; } } .switcher{