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

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

@ -239,14 +239,18 @@ export default function(options) {
if (!isInput) { if (!isInput) {
vOffset = div.height(); vOffset = div.height();
if ((window.innerHeight - me.outerHeight() - $("header.d-header").innerHeight()) < vOffset) {
vOffset = -23;
} }
if (Discourse.Site.currentProp('mobileView') && !isInput) { if (Discourse.Site.currentProp('mobileView')) {
div.css('width', 'auto'); div.css('width', 'auto');
if ((me.height() / 2) >= pos.top) { vOffset = -23; } if ((me.height() / 2) >= pos.top) { vOffset = -23; }
if ((me.width() / 2) <= pos.left) { hOffset = -div.width(); } if ((me.width() / 2) <= pos.left) { hOffset = -div.width(); }
} }
}
var mePos = me.position(); var mePos = me.position();
var borderTop = parseInt(me.css('border-top-width'), 10) || 0; var borderTop = parseInt(me.css('border-top-width'), 10) || 0;