diff options
author | Jacopo <beschi.jacopo@gmail.com> | 2019-02-13 10:03:07 +0100 |
---|---|---|
committer | Jacopo <beschi.jacopo@gmail.com> | 2019-02-15 15:18:33 +0100 |
commit | 37a290033833ed5c83ae583b41517295685c5f1e (patch) | |
tree | bf2744ed3c7a8df12cd2249f08b5c4ba1c688ea3 /app/assets/stylesheets/framework/awards.scss | |
parent | 032e800b93dfe36604d896f2128ea05ad1330ece (diff) | |
download | gitlab-ce-37a290033833ed5c83ae583b41517295685c5f1e.tar.gz |
Make emoji picker bigger
The emoji picker shows 9 emoji for each row.
On mobile devices the width is reduced to 7 emoji for each row.
Diffstat (limited to 'app/assets/stylesheets/framework/awards.scss')
-rw-r--r-- | app/assets/stylesheets/framework/awards.scss | 6 |
1 files changed, 5 insertions, 1 deletions
diff --git a/app/assets/stylesheets/framework/awards.scss b/app/assets/stylesheets/framework/awards.scss index ad650d45314..fd4fb16b941 100644 --- a/app/assets/stylesheets/framework/awards.scss +++ b/app/assets/stylesheets/framework/awards.scss @@ -15,7 +15,7 @@ margin-top: 3px; padding: $gl-padding; z-index: 300; - width: 300px; + width: $award-emoji-width; font-size: 14px; background-color: $white-light; border: 1px solid $border-white-light; @@ -55,6 +55,10 @@ transform: none; } } + + @include media-breakpoint-down(xs) { + width: $award-emoji-width-xs; + } } .emoji-search { |