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

[frontend/components] Style reaction notification with InlineEmoji params

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

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

@ -32,7 +32,7 @@
break;
case { Note: not null, Reaction: not null, Type: "reaction" }:
<span class="notification-reaction" title="@NotificationResponse.Reaction.Name">
<InlineEmoji Name="@NotificationResponse.Reaction.Name" Url="@NotificationResponse.Reaction.Url"/>
<InlineEmoji Name="@NotificationResponse.Reaction.Name" Url="@NotificationResponse.Reaction.Url" Hover="true" Size="1.25em"/>
</span>
<span class="notification-text">@Loc["reacted to your note"]</span>
break;

20
Iceshrimp.Frontend/Components/NotificationComponent.razor.css
View file

@ -39,26 +39,6 @@
filter: drop-shadow(0 0 0.2em rgba(0, 0, 0, 0.7));
}
::deep {
.notification-reaction .custom-reaction {
font-size: 1.25em;
transition-duration: 250ms;
}
}
::deep {
.notification-reaction .custom-reaction:hover {
transform: scale(1.5);
z-index: +1;
}
}
::deep {
.notification-reaction .unicode-reaction {
font-size: 1.25em;
}
}
.notification-text {
font-size: 0.8em;
}