Upstream/WordPress
1
0
Fork 0
mirror of https://github.com/WordPress/WordPress.git synced 2024-09-29 07:37:44 +02:00
Code Issues Projects Releases Wiki Activity

Fix flyout menus on most mobile devices.

Browse Source 
props ocean90.
fixes #26482.

Built from https://develop.svn.wordpress.org/trunk@27775


git-svn-id: http://core.svn.wordpress.org/trunk@27612 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrew Nacin 2014-03-27 06:30:14 +00:00
parent 1ade5bb2f3
commit ce1ace6347
2 changed files with 38 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

43
wp-admin/js/common.js
View File

@ -228,7 +228,10 @@ $(document).ready( function() {
});
menu.find('a.wp-has-submenu').on( mobileEvent+'.wp-mobile-hover', function(e) {
var el = $(this), parent = el.parent();
var b, h, o, f, menutop, wintop, maxtop,
el = $(this),
parent = el.parent(),
m = parent.find('.wp-submenu');
if ( menu.data('wp-responsive') ) {
return;
@ -239,6 +242,30 @@ $(document).ready( function() {
// - the submenu is not shown inline or the menu is not folded
if ( !parent.hasClass('opensub') && ( !parent.hasClass('wp-menu-open') || parent.width() < 40 ) ) {
e.preventDefault();
menutop = parent.offset().top;
wintop = $(window).scrollTop();
maxtop = menutop - wintop - 30; // max = make the top of the sub almost touch admin bar
b = menutop + m.height() + 1; // Bottom offset of the menu
h = $('#wpwrap').height(); // Height of the entire page
o = 60 + b - h;
f = $(window).height() + wintop - 50; // The fold
if ( f < (b - o) ) {
o = b - f;
}
if ( o > maxtop ) {
o = maxtop;
}
if ( o > 1 ) {
m.css('margin-top', '-'+o+'px');
} else {
m.css('margin-top', '');
}
menu.find('li.opensub').removeClass('opensub');
parent.addClass('opensub');
}
@ -249,8 +276,9 @@ $(document).ready( function() {
over: function() {
var b, h, o, f, m = $(this).find('.wp-submenu'), menutop, wintop, maxtop, top = parseInt( m.css('top'), 10 );
if ( isNaN(top) || top > -5 ) // meaning the submenu is visible
if ( isNaN(top) || top > -5 ) { // meaning the submenu is visible
return;
}
if ( menu.data('wp-responsive') ) {
// The menu is in responsive mode, bail
@ -266,16 +294,19 @@ $(document).ready( function() {
o = 60 + b - h;
f = $(window).height() + wintop - 15; // The fold
if ( f < (b - o) )
if ( f < (b - o) ) {
o = b - f;
}
if ( o > maxtop )
if ( o > maxtop ) {
o = maxtop;
}
if ( o > 1 )
if ( o > 1 ) {
m.css('margin-top', '-'+o+'px');
else
} else {
m.css('margin-top', '');
}
menu.find('li.menu-top').removeClass('opensub');
$(this).addClass('opensub');

2
wp-admin/js/common.min.js vendored
View File

File diff suppressed because one or more lines are too long