From 97d11b66562096fb2e148261c8548973e167f52b Mon Sep 17 00:00:00 2001 From: Guo Xiang Tan Date: Tue, 20 Oct 2015 09:19:45 +0800 Subject: [PATCH] FIX: Emoji toolbar too wide on mobile. --- .../javascripts/discourse/lib/emoji/emoji-toolbar.js.es6 | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/app/assets/javascripts/discourse/lib/emoji/emoji-toolbar.js.es6 b/app/assets/javascripts/discourse/lib/emoji/emoji-toolbar.js.es6 index ffd54875c..5219e39fa 100644 --- a/app/assets/javascripts/discourse/lib/emoji/emoji-toolbar.js.es6 +++ b/app/assets/javascripts/discourse/lib/emoji/emoji-toolbar.js.es6 @@ -4,7 +4,9 @@ import KeyValueStore from "discourse/lib/key-value-store"; const keyValueStore = new KeyValueStore("discourse_emojis_"); const EMOJI_USAGE = "emojiUsage"; -const PER_ROW = 12, PER_PAGE = 60; +let PER_ROW = 12; +const PER_PAGE = 60; + let ungroupedIcons, recentlyUsedIcons; if (!keyValueStore.getObject(EMOJI_USAGE)) { @@ -159,6 +161,7 @@ function showSelector(options) { options.appendTo.append('
'); $('.emoji-modal-wrapper').click(() => closeSelector()); + if (Discourse.Mobile.mobileView) PER_ROW = 9; const page = keyValueStore.getInt("emojiPage", 0); const offset = keyValueStore.getInt("emojiOffset", 0);