From 38142182774ea772aacc88f26586512d6279267f Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Mon, 19 Oct 2020 19:38:49 +0300 Subject: Some initial work on replacing icons with FA5 --- src/components/emoji_picker/emoji_picker.js | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) (limited to 'src/components/emoji_picker/emoji_picker.js') diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js index 3ad80df3..b1671566 100644 --- a/src/components/emoji_picker/emoji_picker.js +++ b/src/components/emoji_picker/emoji_picker.js @@ -1,4 +1,16 @@ import Checkbox from '../checkbox/checkbox.vue' +import { library } from '@fortawesome/fontawesome-svg-core' +import { + faUnderline, + faStickyNote, + faSmileBeam +} from '@fortawesome/free-solid-svg-icons' + +library.add( + faUnderline, + faStickyNote, + faSmileBeam +) // At widest, approximately 20 emoji are visible in a row, // loading 3 rows, could be overkill for narrow picker @@ -177,13 +189,13 @@ const EmojiPicker = { { id: 'custom', text: this.$t('emoji.custom'), - icon: 'icon-smile', + icon: 'smile-beam', emojis: customEmojis }, { id: 'standard', text: this.$t('emoji.unicode'), - icon: 'icon-picture', + icon: 'underline', emojis: filterByKeyword(standardEmojis, this.keyword) } ] -- cgit v1.2.3-70-g09d2 From 2e6c51dfd4e59370c104abb3e2602ec5a70bd030 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 28 Oct 2020 22:49:53 +0200 Subject: better icon for picker --- src/components/emoji_picker/emoji_picker.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/components/emoji_picker/emoji_picker.js') diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js index b1671566..0d51c7e5 100644 --- a/src/components/emoji_picker/emoji_picker.js +++ b/src/components/emoji_picker/emoji_picker.js @@ -1,13 +1,13 @@ import Checkbox from '../checkbox/checkbox.vue' import { library } from '@fortawesome/fontawesome-svg-core' import { - faUnderline, + faIcons, faStickyNote, faSmileBeam } from '@fortawesome/free-solid-svg-icons' library.add( - faUnderline, + faIcons, faStickyNote, faSmileBeam ) @@ -195,7 +195,7 @@ const EmojiPicker = { { id: 'standard', text: this.$t('emoji.unicode'), - icon: 'underline', + icon: 'icons', emojis: filterByKeyword(standardEmojis, this.keyword) } ] -- cgit v1.2.3-70-g09d2 From ef36ca44f613c3d7d2ea11a9ad4f7fe828f7ae83 Mon Sep 17 00:00:00 2001 From: Henry Jameson Date: Wed, 28 Oct 2020 22:52:20 +0200 Subject: >boxes --- src/components/emoji_picker/emoji_picker.js | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) (limited to 'src/components/emoji_picker/emoji_picker.js') diff --git a/src/components/emoji_picker/emoji_picker.js b/src/components/emoji_picker/emoji_picker.js index 0d51c7e5..2716d93f 100644 --- a/src/components/emoji_picker/emoji_picker.js +++ b/src/components/emoji_picker/emoji_picker.js @@ -1,13 +1,13 @@ import Checkbox from '../checkbox/checkbox.vue' import { library } from '@fortawesome/fontawesome-svg-core' import { - faIcons, + faBoxOpen, faStickyNote, faSmileBeam } from '@fortawesome/free-solid-svg-icons' library.add( - faIcons, + faBoxOpen, faStickyNote, faSmileBeam ) @@ -195,7 +195,7 @@ const EmojiPicker = { { id: 'standard', text: this.$t('emoji.unicode'), - icon: 'icons', + icon: 'box-open', emojis: filterByKeyword(standardEmojis, this.keyword) } ] -- cgit v1.2.3-70-g09d2