visually mark unimplemented forum post buttons

This commit is contained in:
Danny Morabito 2025-02-20 21:37:54 +01:00
parent ba564d1d11
commit 9491ef60d8
Signed by: dannym
GPG key ID: 7CC8056A5A04557E

View file

@ -58,6 +58,11 @@ export class ForumPost extends LitElement {
} }
} }
} }
.disabled {
pointer-events: none;
opacity: 0.5;
}
`, `,
]; ];
@ -81,7 +86,11 @@ export class ForumPost extends LitElement {
></arx-markdown-content> ></arx-markdown-content>
</div> </div>
<div> <div>
<arx-phora-button href="#"> <arx-phora-button
href="#"
@click=${() => alert("TODO")}
class="disabled"
>
<iconify-icon size="32" icon="mdi:reply"></iconify-icon> <iconify-icon size="32" icon="mdi:reply"></iconify-icon>
Reply Reply
</arx-phora-button> </arx-phora-button>
@ -89,11 +98,19 @@ export class ForumPost extends LitElement {
<iconify-icon size="32" icon="mdi:link"></iconify-icon> <iconify-icon size="32" icon="mdi:link"></iconify-icon>
Permalink Permalink
</arx-phora-button> </arx-phora-button>
<arx-phora-button href="#"> <arx-phora-button
href="#"
@click=${() => alert("TODO")}
class="disabled"
>
<iconify-icon size="32" icon="bxs:zap"></iconify-icon> <iconify-icon size="32" icon="bxs:zap"></iconify-icon>
Zap Zap
</arx-phora-button> </arx-phora-button>
<arx-phora-button href="#"> <arx-phora-button
href="#"
@click=${() => alert("TODO")}
class="disabled"
>
<iconify-icon <iconify-icon
size="32" size="32"
icon="bi:cloud-lightning-rain-fill" icon="bi:cloud-lightning-rain-fill"