notfire/Iceshrimp.NET
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

[frontend/components] Enable emoji hover and space between aliases

Browse source
This commit is contained in:
pancakes 2025-02-06 11:39:17 +10:00 • committed by Laura Hausmann
parent e0e8fe8b72
commit d0eb54b903
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Iceshrimp.Frontend/Components/EmojiManagementEntry.razor
View file

@ -9,7 +9,7 @@
@inject IStringLocalizer<Localization> Loc; @inject IStringLocalizer<Localization> Loc;
<div @ref="EmojiButton" class="emoji-entry" @onclick="SelectEmoji" @onclick:stopPropagation="true"> <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"> <div class="emoji-details">
<span class="emoji-name">@Emoji.Name</span> <span class="emoji-name">@Emoji.Name</span>
<span> <span>

8
Iceshrimp.Frontend/Components/EmojiManagementEntry.razor.css
View file

@ -31,12 +31,16 @@
font-size: 0.8em; font-size: 0.8em;
} }
.emoji-alias::before, .emoji-alias::before {
.emoji-alias::after {
display: inline; display: inline;
content: ":"; content: ":";
} }
.emoji-alias::after {
display: inline;
content: ": ";
}
::deep { ::deep {
.labels .ph { .labels .ph {
display: inline-block; display: inline-block;