IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 09:26:54 -06:00
Code Issues Packages Projects Releases Wiki Activity

FIX: Position emoji-picker around d-editor.

Browse Source
This commit is contained in:
Bianca Nenciu 2019-05-26 18:40:36 +03:00 committed by Guo Xiang Tan
parent 7a08e23b4b
commit 43e33302e1
1 changed files with 25 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
app/assets/javascripts/discourse/components/emoji-picker.js.es6
View File

@ -514,6 +514,7 @@ export default Ember.Component.extend({
const desktopPositioning = options => {
let attributes = {
position: "fixed",
width: windowWidth < 485 ? windowWidth - 12 : 400,
marginLeft: "",
marginTop: "",
@ -562,12 +563,30 @@ export default Ember.Component.extend({
if (windowWidth < 485) {
desktopModalePositioning();
} else {
let previewInputOffset = $(".d-editor-input").offset();
let left = previewInputOffset.left;
desktopPositioning({
left,
bottom: $("#reply-control").height() - 45
});
const previewInputOffset = $(".d-editor-input").offset();
const pickerHeight = $(".emoji-picker").height();
const editorHeight = $(".d-editor-input").height();
const windowBottom = $(window).scrollTop() + $(window).height();
if (
previewInputOffset.top + editorHeight + pickerHeight <
windowBottom
) {
// position it below editor if there is enough space
desktopPositioning({
position: "absolute",
top: previewInputOffset.top + editorHeight,
left: previewInputOffset.left
});
} else {
// try positioning it above
desktopPositioning({
position: "absolute",
top: -pickerHeight,
left: previewInputOffset.left
});
}
}
}
}