Eagerly render emoji picker and avoid overflow in overlay view
This commit is contained in:
parent
986921c630
commit
c10a2596e3
@ -5377,8 +5377,11 @@ body.reset {
|
|||||||
#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content .emojione,
|
#converse-embedded-chat .chatbox .chat-body .chat-message .chat-msg-content .emojione,
|
||||||
#conversejs:not(.fullscreen) .chatbox .chat-body .chat-message .chat-msg-content .emojione {
|
#conversejs:not(.fullscreen) .chatbox .chat-body .chat-message .chat-msg-content .emojione {
|
||||||
margin-bottom: -5px; }
|
margin-bottom: -5px; }
|
||||||
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
|
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu,
|
||||||
#conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
|
#conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu {
|
||||||
|
min-width: 15rem; }
|
||||||
|
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar,
|
||||||
|
#conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar {
|
||||||
width: 100%; }
|
width: 100%; }
|
||||||
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category,
|
#converse-embedded-chat .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category,
|
||||||
#conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category {
|
#conversejs:not(.fullscreen) .chatbox form.sendXMPPMessage .chat-toolbar li .toolbar-menu ul.emoji-toolbar .emoji-category {
|
||||||
|
@ -42,6 +42,8 @@
|
|||||||
.chat-toolbar {
|
.chat-toolbar {
|
||||||
li {
|
li {
|
||||||
.toolbar-menu {
|
.toolbar-menu {
|
||||||
|
min-width: 15rem;
|
||||||
|
|
||||||
ul {
|
ul {
|
||||||
&.emoji-toolbar {
|
&.emoji-toolbar {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -987,7 +987,6 @@
|
|||||||
toggleEmojiMenu (ev) {
|
toggleEmojiMenu (ev) {
|
||||||
if (_.isUndefined(this.emoji_dropdown)) {
|
if (_.isUndefined(this.emoji_dropdown)) {
|
||||||
ev.stopPropagation();
|
ev.stopPropagation();
|
||||||
this.renderEmojiPicker();
|
|
||||||
const dropdown_el = this.el.querySelector('.toggle-smiley.dropup');
|
const dropdown_el = this.el.querySelector('.toggle-smiley.dropup');
|
||||||
this.emoji_dropdown = new bootstrap.Dropdown(dropdown_el, true);
|
this.emoji_dropdown = new bootstrap.Dropdown(dropdown_el, true);
|
||||||
this.emoji_dropdown.toggle();
|
this.emoji_dropdown.toggle();
|
||||||
@ -1099,6 +1098,7 @@
|
|||||||
this.model.save();
|
this.model.save();
|
||||||
}
|
}
|
||||||
this.setChatState(_converse.ACTIVE);
|
this.setChatState(_converse.ACTIVE);
|
||||||
|
this.renderEmojiPicker();
|
||||||
this.scrollDown();
|
this.scrollDown();
|
||||||
if (focus) {
|
if (focus) {
|
||||||
this.focus();
|
this.focus();
|
||||||
|
Loading…
Reference in New Issue
Block a user