diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less index 6fe657c48d..4e4d121c47 100644 --- a/public/less/admin/admin.less +++ b/public/less/admin/admin.less @@ -67,15 +67,40 @@ .nav-list { background: #232323; li { - &:hover a, &.active a { - background-color: #2f2f2f; + &:hover a { + background-color: #3f3f3f; + + span { + opacity: 0.8; + } + } + + &.active a { + padding-left: 20px; + background-color: #3f3f3f; + + span { + opacity: 0; + } } a { color: white; padding: 7px 15px; - font-size: 14px; - .transition(.4s ease-in background-color); + font-size: 13px; + padding-left: 11px; + outline: 0; + + span { + opacity: 0; + margin-right: -8px; + .transition(.3s ease-in opacity); + } + + -webkit-transition: background-color .3s ease-in, padding-left .3s ease-in; + -moz-transition: background-color .3s ease-in, padding-left .3s ease-in; + -o-transition: background-color .3s ease-in, padding-left .3s ease-in; + transition: background-color .3s ease-in, padding-left .3s ease-in; } } } diff --git a/public/src/forum/admin/footer.js b/public/src/forum/admin/footer.js index 4d4332fd50..ca1cacbf49 100644 --- a/public/src/forum/admin/footer.js +++ b/public/src/forum/admin/footer.js @@ -42,6 +42,9 @@ define('forum/admin/footer', ['forum/admin/settings'], function(Settings) { }); $('.nano').nanoScroller(); + + $('#main-menu .nav-list > li a').append(' ') + } function selectMenuItem(url) {