moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix sticker picker heading tab 

Ref: grouped-emoji-picker
This commit is contained in:
Tusooa Zhu 2021-10-08 14:46:00 -04:00
parent d00ebc14f1
commit 9aeffd7634
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
1 changed files with 4 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/emoji_picker/emoji_picker.scss
View File

@ -57,9 +57,7 @@ $emoji-picker-emoji-size: 32px;
.heading { .heading {
display: flex; display: flex;
//height: $emoji-picker-header-height;
padding: 10px 7px 5px; padding: 10px 7px 5px;
overflow-x: auto;
} }
.content { .content {
@ -74,6 +72,7 @@ $emoji-picker-emoji-size: 32px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
overflow-x: auto;
} }
.emoji-groups { .emoji-groups {
@ -81,7 +80,8 @@ $emoji-picker-emoji-size: 32px;
} }
.additional-tabs { .additional-tabs {
display: block; display: flex;
flex: 1;
border-left: 1px solid; border-left: 1px solid;
border-left-color: $fallback--icon; border-left-color: $fallback--icon;
border-left-color: var(--icon, $fallback--icon); border-left-color: var(--icon, $fallback--icon);
@ -91,9 +91,8 @@ $emoji-picker-emoji-size: 32px;
.additional-tabs, .additional-tabs,
.emoji-tabs { .emoji-tabs {
min-width: 0;
flex-basis: auto; flex-basis: auto;
flex-shrink: 1; // flex-shrink: 1;
display: flex; display: flex;
align-content: center; align-content: center;