kotovalexarian-likes-gitlab
/
gitlab-org--gitlab-foss
1
0
Fork 0
Code Releases Activity

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.
This commit is contained in:
Jacopo 2019-02-13 10:03:07 +01:00
parent 032e800b93
commit 37a2900338
3 changed files with 12 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/assets/stylesheets/framework/awards.scss
View File

@ -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 {

2
app/assets/stylesheets/framework/variables.scss
View File

@ -405,6 +405,8 @@ $status-icon-size: 22px;
$award-emoji-menu-shadow: rgba(0, 0, 0, 0.175);
$award-emoji-positive-add-bg: #fed159;
$award-emoji-positive-add-lines: #bb9c13;
$award-emoji-width: 376px;
$award-emoji-width-xs: 300px;
/*
* Search Box

5
changelogs/unreleased/50433-make-emoji-picker-bigger.yml Normal file
View File

@ -0,0 +1,5 @@
---
title: Make emoji picker bigger
merge_request: 25187
author: Jacopo Beschi @jacopo-beschi
type: changed