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>
|
></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"
|
||||||
|
|
Loading…
Add table
Reference in a new issue