KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

feat: Add the ability to search emojis (#5928)

Browse source
This commit is contained in:
Sivin Varghese 2022-12-06 05:30:42 +05:30 • committed by GitHub
parent c3b6e1a732
commit 87ef39ad9c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
9 changed files with 9529 additions and 74 deletions
Download patch file Download diff file Expand all files Collapse all files

13
app/javascript/dashboard/components/widgets/conversation/ReplyBox.vue
View file

@ -132,7 +132,6 @@ import { mapGetters } from 'vuex';
import { mixin as clickaway } from 'vue-clickaway';
import alertMixin from 'shared/mixins/alertMixin';
import EmojiInput from 'shared/components/emoji/EmojiInput';
import CannedResponse from './CannedResponse';
import ResizableTextArea from 'shared/components/ResizableTextArea';
import AttachmentPreview from 'dashboard/components/widgets/AttachmentsPreview';
@ -163,6 +162,8 @@ import { trimContent, debounce } from '@chatwoot/utils';
import wootConstants from 'dashboard/constants';
import { isEditorHotKeyEnabled } from 'dashboard/mixins/uiSettings';
const EmojiInput = () => import('shared/components/emoji/EmojiInput');
export default {
components: {
EmojiInput,
@ -401,7 +402,7 @@ export default {
return conversationDisplayType !== CONDENSED;
},
emojiDialogClassOnExpanedLayout() {
return this.isOnExpandedLayout && !this.popoutReplyBox
return this.isOnExpandedLayout || this.popoutReplyBox
? 'emoji-dialog--expanded'
: '';
},
@ -984,13 +985,13 @@ export default {
.emoji-dialog {
top: unset;
bottom: 12px;
bottom: var(--space-normal);
left: -320px;
right: unset;
&::before {
right: -16px;
bottom: 10px;
right: var(--space-minus-normal);
bottom: var(--space-small);
transform: rotate(270deg);
filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.08));
}
@ -1004,7 +1005,7 @@ export default {
&::before {
transform: rotate(0deg);
left: var(--space-smaller);
bottom: var(--space-minus-slab);
bottom: var(--space-minus-small);
}
}
.message-signature {