Move widget reorder arrows next to the Active/Disabled badge
This commit is contained in:
@@ -26,12 +26,12 @@
|
|||||||
|
|
||||||
<div class="section">
|
<div class="section">
|
||||||
<div class="section-head">
|
<div class="section-head">
|
||||||
<button class="icon-btn" onclick={onMoveUp} disabled={!canMoveUp} aria-label="Move up">▲</button>
|
|
||||||
<button class="icon-btn" onclick={onMoveDown} disabled={!canMoveDown} aria-label="Move down">▼</button>
|
|
||||||
<button class="head-btn" onclick={() => (expanded = !expanded)} aria-expanded={expanded}>
|
<button class="head-btn" onclick={() => (expanded = !expanded)} aria-expanded={expanded}>
|
||||||
<span class="chevron" class:open={expanded}>▸</span>
|
<span class="chevron" class:open={expanded}>▸</span>
|
||||||
<span class="title">{title}</span>
|
<span class="title">{title}</span>
|
||||||
</button>
|
</button>
|
||||||
|
<button class="icon-btn" onclick={onMoveUp} disabled={!canMoveUp} aria-label="Move up">▲</button>
|
||||||
|
<button class="icon-btn" onclick={onMoveDown} disabled={!canMoveDown} aria-label="Move down">▼</button>
|
||||||
<span class="badge" class:active={enabled} onclick={onToggle} role="button" tabindex="0">
|
<span class="badge" class:active={enabled} onclick={onToggle} role="button" tabindex="0">
|
||||||
{enabled ? 'Active' : 'Disabled'}
|
{enabled ? 'Active' : 'Disabled'}
|
||||||
</span>
|
</span>
|
||||||
|
|||||||
Reference in New Issue
Block a user