mirror/php-phpbb
1
0
Fork 0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-11 03:04:09 +02:00
Code Issues Releases Wiki Activity

[ticket/11552] Responsive menu

Browse Source 
PHPBB3-11552
This commit is contained in:
Vjacheslav Trushkin
2013-10-17 21:11:03 +03:00
parent c15ab90c38
commit dbb6fc2ebe
4 changed files with 163 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
phpBB/styles/prosilver/template/forum_fn.js
View File

@@ -465,7 +465,7 @@ function insert_single_user(formId, user)
});
// Responsive breadcrumbs
$('.breadcrumbs').each(function() {
$('.breadcrumbs:not(.skip-responsive)').each(function() {
var $this = $(this),
$body = $('body'),
links = $this.find('.crumb'),
@@ -504,17 +504,23 @@ function insert_single_user(formId, user)
if (wrapped) {
$this.removeClass('wrapped').find('.crumb.wrapped').removeClass('wrapped ' + classes.join(' '));
wrapped = false;
if ($this.height() <= maxHeight) return;
if ($this.height() <= maxHeight) {
return;
}
}
wrapped = true;
$this.addClass('wrapped');
if ($this.height() <= maxHeight) return;
if ($this.height() <= maxHeight) {
return;
}
for (i = 0; i < classesLength; i ++) {
for (j = length; j >= 0; j --) {
links.eq(j).addClass('wrapped ' + classes[i]);
if ($this.height() <= maxHeight) return;
if ($this.height() <= maxHeight) {
return;
}
}
}
}
@@ -523,5 +529,71 @@ function insert_single_user(formId, user)
check();
$(window).resize(check);
});
// Responsive link lists
$('.linklist:not(.navlinks, .skip-responsive)').each(function() {
var $this = $(this),
$body = $('body'),
links = $this.children().not('.skip-responsive'),
toggle = $this.append('<li class="responsive-menu" style="display:none;"><a href="javascript:void(0);" class="responsive-menu-link">&nbsp;</a><ul class="responsive-popup" style="display:none;" /></li>').children('.responsive-menu'),
menu = toggle.find('.responsive-popup'),
lastWidth = false,
responsive = false,
copied = false;
function check() {
var width = $body.width();
if (responsive && width <= lastWidth) {
return;
}
if (responsive) {
responsive = false;
$this.removeClass('responsive');
links.css('display', '');
toggle.css('display', 'none');
}
var maxHeight = 0;
links.each(function() {
maxHeight = Math.max(maxHeight, $(this).outerHeight(true));
});
if ($this.height() <= maxHeight) {
menu.hide();
return;
}
responsive = true;
if (!copied) {
if (menu.parents().is('.rightside')) {
menu.addClass('responsive-rightside');
}
menu.append(links.clone(true));
menu.find('li.leftside, li.rightside').removeClass('leftside rightside');
copied = true;
}
links.css('display', 'none');
toggle.css('display', '');
$this.addClass('responsive');
}
toggle.click(function() {
if (!responsive) return;
menu.toggle();
});
check();
$(window).resize(check);
});
$('#phpbb').click(function(e) {
var target = $(e.target);
if (!target.parents().is('.responsive-menu')) {
$('.responsive-popup').hide();
}
});
});
})(jQuery);