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

[frontend/components] Display filter name and blur it instead of filter keyword

Browse source
This commit is contained in:
pancakes 2025-03-13 13:50:06 +10:00 • committed by Laura Hausmann
parent 732d7b8134
commit f50a975825
No known key found for this signature in database
GPG key ID: D044E84C5BE01605
2 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
Iceshrimp.Frontend/Components/Note/Note.razor
View file

@ -20,7 +20,8 @@
@if (NoteResponse.Filtered is not null && NoteResponse.Filtered.Hide == false) @if (NoteResponse.Filtered is not null && NoteResponse.Filtered.Hide == false)
{ {
<div> <div>
@Loc["This note contains the filter keyword '{0}'", NoteResponse.Filtered.Keyword] @Loc["This note is hidden by your filter"]
<span class="filter-name">@NoteResponse.Filtered.Name</span>
<button <button
@onclick="@ShowNote" @onclick="@ShowNote"
@onclick:stopPropagation="true"> @onclick:stopPropagation="true">

10
Iceshrimp.Frontend/Components/Note/Note.razor.css
View file

@ -11,3 +11,13 @@
.user { .user {
color: var(--notice-color); color: var(--notice-color);
} }
.filter-name {
filter: blur(0.2rem);
transition-duration: 0.2s;
transition-property: filter;
}
.filter-name:hover {
filter: blur(0);
}