Revert width change of emoji picker to fix keyboard navigation (#1339)

7376c69b · Joram Wilander · Carlos Tadeu Panato Junior · 8911ee7f · 7376c69b · 7376c69b
Commit 7376c69b authored Jun 14, 2018 by Joram Wilander Committed by Carlos Tadeu Panato Junior Jun 14, 2018
Hide whitespace changes
Inline Side-by-side

Showing with 2 additions and 2 deletions

components/emoji_picker/emoji_picker.jsx components/emoji_picker/emoji_picker.jsx +1 -1

sass/components/_emoticons.scss sass/components/_emoticons.scss +1 -1

No files found.
--- a/components/emoji_picker/emoji_picker.jsx
+++ b/components/emoji_picker/emoji_picker.jsx
@@ -21,7 +21,7 @@ const EMOJI_CONTAINER_STYLE = {
    height: EMOJI_CONTAINER_HEIGHT,
 };
 const EMOJI_LAZY_LOAD_BUFFER = 75;
-const EMOJI_PER_ROW = 10;
+const EMOJI_PER_ROW = 9;
 const EMOJI_TO_LOAD_PER_UPDATE = 135;
 const SYSTEM_EMOJIS_COUNT = 1476;
 const EMOJI_LAZY_LOAD_SCROLL_THROTTLE = 100;

--- a/sass/components/_emoticons.scss
+++ b/sass/components/_emoticons.scss
@@ -56,7 +56,7 @@
    flex-direction: column;
    margin-right: 3px;
    position: absolute;
-    width: 288px;
+    width: 278px;
    z-index: 10;

    .app__content & {