Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FIX: emoji-picker positioning glitches on few edge cases

This commit is contained in:
Joffrey JAFFEUX 2017-07-20 17:03:45 +02:00
parent a5a3651cf3
commit a9ab3f9ef0
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,7 +15,7 @@ const PER_ROW = 11;
const customEmojis = _.map(_.keys(extendedEmojiList()), code => {
return { code, src: emojiUrlFor(code) };
});
let $picker, $modal, $filter, $results, $list;
let $picker, $filter, $results, $list;
export default Ember.Component.extend({
willDestroyElement() {
@ -371,8 +371,8 @@ export default Ember.Component.extend({
const desktopModalePositioning = options => {
const attributes = {
width: windowWidth < 450 ? windowWidth - 12 : 400,
marginLeft: -($picker.width() / 2) + 12,
width: Math.min(windowWidth, 400) - 12,
marginLeft: -(Math.min(windowWidth, 400)/2) + 6,
marginTop: -130,
left: "50%",
bottom: "",
@ -403,7 +403,7 @@ export default Ember.Component.extend({
const desktopPositioning = options => {
const attributes = {
width: windowWidth < 450 ? windowWidth - 12 : 400,
width: windowWidth < 485 ? windowWidth - 12 : 400,
marginLeft: "",
marginTop: "",
right: "",
@ -424,7 +424,7 @@ export default Ember.Component.extend({
} else {
if(this._isReplyControlExpanded()) {
let $editorWrapper = Ember.$(".d-editor-preview-wrapper");
if(($editorWrapper.is(":visible") && $editorWrapper.width() < 400) || windowWidth < 450) {
if(($editorWrapper.is(":visible") && $editorWrapper.width() < 400) || windowWidth < 485) {
desktopModalePositioning();
} else {
if($editorWrapper.is(":visible")) {
@ -439,7 +439,7 @@ export default Ember.Component.extend({
}
}
} else {
if(windowWidth < 450) {
if(windowWidth < 485) {
desktopModalePositioning();
} else {
let previewInputOffset = Ember.$(".d-editor-input").offset();