mbirth/LuckyCoinkydink
Archived
1
0
Fork 0
Code Issues Pull Requests Activity

Replace responsive nav plugin with a simpler solution.

Browse Source 
responsive-nav.js is nice, but it imposes a performance issue and
we already have code for that behaviour. This is much simpler, but
still lacks some accessibility feature (aria-hidden). I'll add
those later after some proper accessibility testing.
This commit is contained in:
Matthias Mees
2013-07-07 18:07:34 +02:00
parent cf284194f2
commit 078bf9a18a
3 changed files with 15 additions and 435 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
templates/2k11/admin/style.css
View File

@ -1194,20 +1194,8 @@ summary {
----------------------------------------------------------------- */
.smallscreen {
background: #ccdde7;
box-shadow: 0 1px 4px rgba(0,0,0,.5)
}
.js #main_menu {
clip: rect(0 0 0 0);
display: block;
max-height: 0;
box-shadow: 0 1px 4px rgba(0,0,0,.5);
overflow: hidden;
position: absolute;
zoom: 1;
}
.js #main_menu.opened {
max-height: 9999px;
}
#main_menu h3 {
@ -2120,14 +2108,7 @@ input[name="serendipity[filter][fileCategory]"] {
.smallscreen {
background: transparent;
box-shadow: none;
}
.js #main_menu {
position: relative;
}
.js #main_menu {
max-height: none;
overflow: visible;
}
#main_menu a {
@ -2136,7 +2117,13 @@ input[name="serendipity[filter][fileCategory]"] {
}
#nav-toggle {
display: none;
display: none !important;
visibility: hidden;
}
#main_menu {
display: block !important;
visibility: visible;
}
#main_menu h3 {