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>
</div>
<div>
<arx-phora-button href="#">
<arx-phora-button
href="#"
@click=${() => alert("TODO")}
class="disabled"
>
<iconify-icon size="32" icon="mdi:reply"></iconify-icon>
Reply
</arx-phora-button>
@ -89,11 +98,19 @@ export class ForumPost extends LitElement {
<iconify-icon size="32" icon="mdi:link"></iconify-icon>
Permalink
</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>
Zap
</arx-phora-button>
<arx-phora-button href="#">
<arx-phora-button
href="#"
@click=${() => alert("TODO")}
class="disabled"
>
<iconify-icon
size="32"
icon="bi:cloud-lightning-rain-fill"