this menu is now badass

v1.18.x
psychobunny
parent eb9b628a75
commit 6a389e1d1c

@ -67,15 +67,40 @@
.nav-list { .nav-list {
background: #232323; background: #232323;
li { li {
&:hover a, &.active a { &:hover a {
background-color: #2f2f2f; background-color: #3f3f3f;
span {
opacity: 0.8;
}
}
&.active a {
padding-left: 20px;
background-color: #3f3f3f;
span {
opacity: 0;
}
} }
a { a {
color: white; color: white;
padding: 7px 15px; padding: 7px 15px;
font-size: 14px; font-size: 13px;
.transition(.4s ease-in background-color); 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;
} }
} }
} }

@ -42,6 +42,9 @@ define('forum/admin/footer', ['forum/admin/settings'], function(Settings) {
}); });
$('.nano').nanoScroller(); $('.nano').nanoScroller();
$('#main-menu .nav-list > li a').append('<span class="pull-right"><i class="fa fa-inverse fa-arrow-circle-right"></i>&nbsp;</span>')
} }
function selectMenuItem(url) { function selectMenuItem(url) {

Loading…
Cancel
Save