entrouvert
/
gadjo
15
0
Fork 0
Code Issues Pull Requests 2 Releases Activity

style: add animation when hovering sidebar menu links (#8935)

This commit is contained in:
Frédéric Péters 2015-11-09 19:45:35 +01:00
parent 3fbcdbc636
commit fe3bd80b68
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
gadjo/static/css/gadjo.css
View File

@ -726,10 +726,21 @@ ul#sidepage-menu li a {
background: #215D9C;
}
#sidepage ul#sidepage-menu li:hover {
#sidepage ul#sidepage-menu li:after {
background: rgba(0, 0, 0, 0.3);
content: "";
position: absolute;
z-index: -1;
transition: all 0.2s ease 0s;
box-sizing: border-box;
width: 0;
width: 0%; height: 100%; top: 0; left: 0;
}
#sidepage ul#sidepage-menu li:hover:after {
width: 100%;
height: 100%;
}
#sidepage ul#sidepage-menu li.active:after {
content: "";
@ -738,6 +749,7 @@ ul#sidepage-menu li a {
top: 0;
background: #215D9C;
right: -17px;
left: auto;
width: 34px;
height: 34px;
-moz-transform: scale(0.4, 0.707) rotate(45deg);