Commit 37a29003 authored by Jacopo's avatar Jacopo

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.
parent 032e800b
......@@ -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 {
......
......@@ -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
......
---
title: Make emoji picker bigger
merge_request: 25187
author: Jacopo Beschi @jacopo-beschi
type: changed
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment