[frontend/components] Enable emoji hover and space between aliases
This commit is contained in:
parent
e0e8fe8b72
commit
d0eb54b903
2 changed files with 7 additions and 3 deletions
|
@ -9,7 +9,7 @@
|
|||
@inject IStringLocalizer<Localization> Loc;
|
||||
|
||||
<div @ref="EmojiButton" class="emoji-entry" @onclick="SelectEmoji" @onclick:stopPropagation="true">
|
||||
<InlineEmoji Name="@Emoji.Name" Url="@Emoji.PublicUrl" Size="3rem"/>
|
||||
<InlineEmoji Name="@Emoji.Name" Url="@Emoji.PublicUrl" Hover="@true" Size="3rem"/>
|
||||
<div class="emoji-details">
|
||||
<span class="emoji-name">@Emoji.Name</span>
|
||||
<span>
|
||||
|
|
|
@ -31,12 +31,16 @@
|
|||
font-size: 0.8em;
|
||||
}
|
||||
|
||||
.emoji-alias::before,
|
||||
.emoji-alias::after {
|
||||
.emoji-alias::before {
|
||||
display: inline;
|
||||
content: ":";
|
||||
}
|
||||
|
||||
.emoji-alias::after {
|
||||
display: inline;
|
||||
content: ": ";
|
||||
}
|
||||
|
||||
::deep {
|
||||
.labels .ph {
|
||||
display: inline-block;
|
||||
|
|
Loading…
Add table
Reference in a new issue