tyler.durden
/
icingaweb2
mirror of https://github.com/Icinga/icingaweb2.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Improve visibility of focus 

Display navigation focus in a visible color and display focus outline in regular site body more prominently.

fixes #6164
This commit is contained in:
Matthias Jentsch 2014-12-30 13:53:46 +01:00
parent 9f545535a0
commit e47eb73499
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -62,15 +62,6 @@
color: @colorPetrol; color: @colorPetrol;
} }
#menu > ul > li.active li a:focus {
color: @colorTextDefault;
}
#menu > ul > li > a:focus {
color: @colorTextDefault;
text-shadow: none;
}
#menu > ul > li.active li a:hover { #menu > ul > li.active li a:hover {
text-decoration: underline; text-decoration: underline;
} }
@ -264,3 +255,16 @@ html.ie8 #menu input.search {
input:focus { outline: none; } input:focus { outline: none; }
/* Make focus outline properly visible */
a:focus {
outline: dotted black 1px;
}
/* Displaying the outline in the navigation is not possible because of the messed up link borders,
color those links instead. */
#menu a:focus,
#menu > ul > li > a:focus,
#menu .active ul li a:focus {
color: #21b5ad;
outline: none;
}