IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -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

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

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