1
0
mirror of https://github.com/phpbb/phpbb.git synced 2025-08-18 06:21:19 +02:00

[ticket/11956] Move dropdown menu from edges of screen

Also add -webkit prefix to box-sizing

PHPBB3-11956
This commit is contained in:
Vjacheslav Trushkin
2013-10-24 11:43:53 +03:00
parent 3134580007
commit bbb73d6e5c
3 changed files with 30 additions and 0 deletions

View File

@@ -451,6 +451,31 @@ function toggle_dropdown()
options.dropdown.toggle();
parent.toggleClass(options.visibleClass, !visible).toggleClass('dropdown-visible', !visible);
// Check dimensions when showing dropdown
// !visible because variable shows state of dropdown before it was toggled
if (!visible) {
options.dropdown.find('.dropdown-contents').each(function() {
var $this = $(this),
windowWidth = $(window).width();
$this.css({
marginLeft: 0,
left: 0,
maxWidth: (windowWidth - 4) + 'px'
});
var offset = $this.offset().left,
width = $this.outerWidth(true);
if (offset < 2) {
$this.css('left', (2 - offset) + 'px');
}
else if ((offset + width + 2) > windowWidth) {
$this.css('margin-left', (windowWidth - offset - width - 2) + 'px');
}
});
}
}
/**