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

[frontend/components] Make inline emojis consistent with reaction emojis but with fixed width

Browse source
This commit is contained in:
pancakes 2024-12-02 15:28:30 +10:00 • committed by Laura Hausmann
parent 0a866bad75
commit 7e6fba61da
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 19 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
Iceshrimp.Frontend/Components/InlineEmoji.razor
View file

@ -1,6 +1,13 @@
@using Iceshrimp.Shared.Schemas.Web
<img class="custom-reaction" src="@Reaction.Url" alt="@Reaction.Name"/>
@if (Reaction.Url == null)
{
<span class="unicode-reaction">@Reaction.Name</span>
}
else
{
<img class="custom-reaction" src="@Reaction.Url" alt="@Reaction.Name"/>
}
@code {
[Parameter, EditorRequired] public required NoteReactionSchema Reaction { get; set; }

11
Iceshrimp.Frontend/Components/InlineEmoji.razor.css
View file

@ -1,4 +1,15 @@
.custom-reaction {
display: inline-block;
width: 1em;
height: 1em;
object-fit: contain;
vertical-align: middle;
font-size: 1.5em;
}
.unicode-reaction {
display: inline-block;
vertical-align: middle;
font-size: 1.5em;
line-height: 1;
}