tyler.durden/icingaweb2
1
0
Fork 0
mirror of https://github.com/Icinga/icingaweb2.git synced 2025-07-28 16:24:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

CSS: fixes transision in menu

Browse Source
This commit is contained in:
Bernd Erk 2015-09-28 22:34:13 +02:00
parent 8eb5554ba2
commit 6a66da998a
1 changed files with 14 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
public/css/icinga/menu.less
View File

@ -46,11 +46,6 @@
margin-right: 0; margin-right: 0;
} }
#menu > nav > ul > li > a {
color: @icinga-blue;
text-shadow: none;
}
#menu > nav > ul > li.active > a { #menu > nav > ul > li.active > a {
color: @icinga-blue; color: @icinga-blue;
} }
@ -63,12 +58,16 @@
color: @icinga-blue; color: @icinga-blue;
} }
#menu > nav > ul > li.active li a:hover { #menu > nav > ul > li a:hover {
color: @icinga-blue; color: @icinga-blue;
} }
#menu > nav > ul > li a:hover { #menu > nav > ul > li.nav-item.hover > ul > li > a:hover {
color: @icinga-blue; color: @gray;
}
#menu > nav > ul > li.nav-item.hover > ul > li div.clearfix > a:hover {
color: @gray;
} }
#menu > nav > ul > li li { #menu > nav > ul > li li {
@ -164,7 +163,7 @@
position: relative; position: relative;
} }
#menu li.hover > ul { #menu li.hover > ul{
position: absolute; position: absolute;
display: block; display: block;
left: 10.9em; left: 10.9em;
@ -212,7 +211,7 @@
margin-top: 0.8em; margin-top: 0.8em;
pointer-events: none; pointer-events: none;
position: absolute; position: absolute;
left: 12em; left: 10.8em;
height: 0; height: 0;
width: 0; width: 0;
} }
@ -339,8 +338,8 @@ a:focus {
} }
#menu .user-nav-item { #menu .user-nav-item {
background-color: @color-ok; background-color: @gray;
border-left: solid 5px @color-ok; border-left: solid 5px @gray;
.user-avatar { .user-avatar {
border: 1px solid @gray; border: 1px solid @gray;
@ -358,16 +357,16 @@ a:focus {
a:hover { a:hover {
background-color: white; background-color: white;
color: @color-ok; color: @gray;
}; };
} }
#menu > nav > ul > li.user-nav-item.active > div.clearfix > a { #menu > nav > ul > li.user-nav-item.active > div.clearfix > a {
color: @color-ok; color: @gray;
} }
#menu > nav > ul > li.user-nav-item.active { #menu > nav > ul > li.user-nav-item.active {
border-left: solid 5px @color-ok; border-left: solid 5px @gray;
-webkit-transition: border 0.5s; -webkit-transition: border 0.5s;
-moz-transition: border 0.5s; -moz-transition: border 0.5s;
-o-transition: border 0.5s; -o-transition: border 0.5s;