UX: Tweak emoji picker css

1. Hide the results element when empty (and set top-margin of section to 0, which fixes some custom themes)
2. Fixed the on-hover color of .trash-recent
This commit is contained in:
Jarek Radosz 2022-01-09 23:33:38 +01:00 committed by Alan Guo Xiang Tan
parent cd13524e26
commit 0f225c8e54
1 changed files with 10 additions and 1 deletions

View File

@ -65,11 +65,15 @@ sup img.emoji {
background: var(--secondary);
.section {
margin-bottom: 1em;
margin: 0 0 1em;
.trash-recent {
background: none;
font-size: $font-down-1;
&:hover .d-icon {
color: var(--danger-hover);
}
}
}
@ -95,6 +99,11 @@ sup img.emoji {
.results {
padding: 0.25em 0;
&:empty {
display: none;
}
img.emoji {
padding: 0.5em;
}