codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2024-11-23 15:48:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

UX: Take into account of header when rendering autocomplete.

Browse source
This commit is contained in:
Guo Xiang Tan 2016-09-22 13:42:49 +08:00
parent b5d6d3c326
commit 5d2aa957b4
1 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/assets/javascripts/discourse/lib/autocomplete.js.es6
View file

@ -237,15 +237,19 @@ export default function(options) {
me.parent().append(div); me.parent().append(div);
if(!isInput){ if (!isInput) {
vOffset = div.height(); vOffset = div.height();
}
if (Discourse.Site.currentProp('mobileView') && !isInput) { if ((window.innerHeight - me.outerHeight() - $("header.d-header").innerHeight()) < vOffset) {
div.css('width', 'auto'); vOffset = -23;
}
if ((me.height() / 2) >= pos.top) { vOffset = -23; } if (Discourse.Site.currentProp('mobileView')) {
if ((me.width() / 2) <= pos.left) { hOffset = -div.width(); } div.css('width', 'auto');
if ((me.height() / 2) >= pos.top) { vOffset = -23; }
if ((me.width() / 2) <= pos.left) { hOffset = -div.width(); }
}
} }
var mePos = me.position(); var mePos = me.position();