jinql
/
blur-admin
mirror of https://github.com/akveo/blur-admin
1
0
Fork 0
Code Issues Releases Wiki Activity

fix sidebar hover effect

pull/3/head
KostyaDanovsky 2015-11-19 13:22:54 +03:00
parent 36766349f5
commit 3e0a63ef2e
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/components/sidebar/_sidebar.scss
View File

@ -139,6 +139,7 @@ a.al-sidebar-list-link {
left: 176px; left: 176px;
height: 42px; height: 42px;
display: none; display: none;
transition: top 0.5s ease;
&.show-hover-elem { &.show-hover-elem {
height: 42px; height: 42px;
display: block; display: block;
@ -220,7 +221,6 @@ a.al-sidebar-list-link {
.sidebar-hover-elem, .sidebar-select-elem { .sidebar-hover-elem, .sidebar-select-elem {
left: $sidebar-width - 4; left: $sidebar-width - 4;
transition: all 0.5s ease;
} }
} }
} }

6
src/app/components/sidebar/sidebar.html
View File

@ -1,7 +1,9 @@
<aside class="al-sidebar" ng-swipe-right="menuExpand()" ng-swipe-left="menuCollapse()"> <aside class="al-sidebar" ng-swipe-right="menuExpand()" ng-swipe-left="menuCollapse()"
ng-mouseleave="hoverElemTop=selectElemTop">
<ul class="al-sidebar-list" slimscroll="{height: '100%'}"> <ul class="al-sidebar-list" slimscroll="{height: '100%'}">
<li ng-repeat="item in menuItems" class="al-sidebar-list-item" <li ng-repeat="item in menuItems" class="al-sidebar-list-item"
ng-class="{'selected': item.selected, 'with-sub-menu': item.subMenu}" ng-mouseover="hoverItem($event, item)"> ng-class="{'selected': item.selected, 'with-sub-menu': item.subMenu}"
ng-mouseenter="hoverItem($event, item)">
<a href="{{ item.root }}" ng-if="!item.subMenu" class="al-sidebar-list-link" <a href="{{ item.root }}" ng-if="!item.subMenu" class="al-sidebar-list-link"
ng-click="collapseSidebarIfSmallRes()"> ng-click="collapseSidebarIfSmallRes()">