Fix emoji picker issues, add header

This commit is contained in:
eris 2022-08-05 23:53:05 +00:00
parent aa4fd497a3
commit 98ba191c28
3 changed files with 8 additions and 2 deletions

View file

@ -88,9 +88,10 @@
} }
} }
.emoji-picker-panel { .emoji-picker-panel {
position: absolute; position: relative;
z-index: 20; z-index: 20;
margin-top: 2px; margin-top: 2px;
top: 0px !important;
&.hide { &.hide {
display: none display: none

View file

@ -36,7 +36,11 @@
.heading { .heading {
margin-top: 10px; margin-top: 10px;
height: 4.8em; height: 5.8em;
}
.emoji-header {
margin-left: 5px;
} }
.content { .content {

View file

@ -1,6 +1,7 @@
<template> <template>
<div class="emoji-picker panel panel-default panel-body"> <div class="emoji-picker panel panel-default panel-body">
<div class="heading"> <div class="heading">
<span class="emoji-header">Emoji Packs</span>
<span class="emoji-tabs"> <span class="emoji-tabs">
<span <span
v-for="group in emojis" v-for="group in emojis"