github-mirror/discourse
2
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2024-11-23 23:06:57 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

UX: Emoji Toolbar was too wide on mobile.

Browse Source
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();
});
if (Discourse.Mobile.mobileView) PER_ROW = 9;
var page = parseInt(localStorage.emojiPage) || 0;
var offset = parseInt(localStorage.emojiOffset) || 0;
render(page, offset, options);

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

@ -9,10 +9,9 @@ body img.emoji {
}
.emoji-modal {
@include transform(translate(-50%, -50%));
z-index: 10000;
position: fixed;
margin-left: -195px;
margin-top: -100px;
left: 50%;
top: 50%;
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/menu-panel";
@import "mobile/search";
@import "mobile/emoji";
/* 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;
}