Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

UX: Emoji Toolbar was too wide on mobile.

This commit is contained in:
Guo Xiang Tan 2015-10-02 16:56:24 +08:00
parent 1754fcccf7
commit 904a36eea2
4 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/lib/emoji/emoji-toolbar.js.es6
View File

@ -236,6 +236,8 @@ var showSelector = function(options) {
closeSelector(); closeSelector();
}); });
if (Discourse.Mobile.mobileView) PER_ROW = 9;
var page = parseInt(localStorage.emojiPage) || 0; var page = parseInt(localStorage.emojiPage) || 0;
var offset = parseInt(localStorage.emojiOffset) || 0; var offset = parseInt(localStorage.emojiOffset) || 0;
render(page, offset, options); render(page, offset, options);

3
app/assets/stylesheets/common/base/emoji.scss
View File

@ -9,10 +9,9 @@ body img.emoji {
} }
.emoji-modal { .emoji-modal {
@include transform(translate(-50%, -50%));
z-index: 10000; z-index: 10000;
position: fixed; position: fixed;
margin-left: -195px;
margin-top: -100px;
left: 50%; left: 50%;
top: 50%; top: 50%;
background-color: dark-light-choose(#dadada, blend-primary-secondary(5%)); background-color: dark-light-choose(#dadada, blend-primary-secondary(5%));

1
app/assets/stylesheets/mobile.scss
View File

@ -20,6 +20,7 @@
@import "mobile/directory"; @import "mobile/directory";
@import "mobile/menu-panel"; @import "mobile/menu-panel";
@import "mobile/search"; @import "mobile/search";
@import "mobile/emoji";
/* These files doesn't actually exist, they are injected by DiscourseSassImporter. */ /* These files doesn't actually exist, they are injected by DiscourseSassImporter. */

3
app/assets/stylesheets/mobile/emoji.scss Normal file
View File

@ -0,0 +1,3 @@
.emoji-table-wrapper {
min-width: 320px;
}