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

[frontend] Improving styling on disabled renote button

Browse source
This commit is contained in:
Lilian 2024-07-05 00:41:01 +02:00
parent b7ed190ff2
commit 0eb94e6e4b
No known key found for this signature in database
2 changed files with 14 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
Iceshrimp.Frontend/Components/Note/NoteFooter.razor
View file

@ -20,14 +20,14 @@
<button class="btn" @onclick="Reply" @onclick:stopPropagation="true">
<Icon Name="Icons.ArrowUUpLeft" Size="1.3em"/>
</button>
<button class="btn" @onclick="Renote" @onclick:stopPropagation="true">
<button class="btn @(RenotePossible ? "" : "disabled")" @onclick="Renote" @onclick:stopPropagation="true">
@if (RenotePossible)
{
<Icon Name="Icons.Repeat" Size="1.3em"/>
}
else
{
<Icon Name="Icons.Lock" Size="1.3em"/>
<Icon ExtraClasses="faded" Name="Icons.Lock" Size="1.3em"/>
}
@if (Renotes > 0)
{

12
Iceshrimp.Frontend/Components/Note/NoteFooter.razor.css
View file

@ -8,7 +8,6 @@
min-width: 2.5em;
height: 2em;
padding: 0.75em;
/*margin-right: 0.5em;*/
background-color: var(--foreground-color);
width: fit-content;
}
@ -25,3 +24,14 @@
position: relative;
top: 0;
}
.disabled {
cursor: not-allowed;
}
::deep {
.faded {
cursor: not-allowed;
opacity: 50%;
}
}