visually mark unimplemented forum post buttons
This commit is contained in:
parent
ba564d1d11
commit
9491ef60d8
1 changed files with 20 additions and 3 deletions
|
@ -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"
|
||||
|
|
Loading…
Add table
Reference in a new issue