WIP: Dashboard redesign — design system overhaul and component updates
Frontend redesign in progress: updated styles, layout, and components across all pages to align with new design system. Includes Jira API compliance specs, property tests, and load test script.
This commit is contained in:
21
docs/design-system-redesign/preview/components-workflow.html
Normal file
21
docs/design-system-redesign/preview/components-workflow.html
Normal file
@@ -0,0 +1,21 @@
|
||||
<!doctype html><html><head><meta charset="utf-8"><title>Workflow badges</title><link rel="stylesheet" href="_card.css"><style>
|
||||
.wf{display:inline-flex;align-items:center;gap:6px;padding:3px 9px;border-radius:4px;font:600 11px var(--font-mono);letter-spacing:.04em}
|
||||
</style></head><body>
|
||||
<div class="card">
|
||||
<div class="t-label">FP workflow states</div>
|
||||
<div class="card-row" style="gap:8px">
|
||||
<span class="wf" style="background:var(--sev-medium-bg);color:var(--sev-medium)">Actionable</span>
|
||||
<span class="wf" style="background:var(--sev-high-bg);color:var(--sev-high)">Requested</span>
|
||||
<span class="wf" style="background:rgba(148,163,184,0.16);color:var(--fg-muted)">Reworked</span>
|
||||
<span class="wf" style="background:var(--sev-low-bg);color:var(--sev-low)">Approved</span>
|
||||
<span class="wf" style="background:var(--sev-critical-bg);color:var(--sev-critical)">Rejected</span>
|
||||
<span class="wf" style="background:var(--sev-critical-bg);color:var(--sev-critical)">Expired</span>
|
||||
</div>
|
||||
<div class="t-label">Queue type tags</div>
|
||||
<div class="card-row" style="gap:8px">
|
||||
<span class="wf" style="background:var(--sev-high-bg);color:var(--sev-high)">FP</span>
|
||||
<span class="wf" style="background:var(--sev-medium-bg);color:var(--sev-medium)">ARCHER</span>
|
||||
<span class="wf" style="background:var(--sev-low-bg);color:var(--sev-low)">CARD</span>
|
||||
</div>
|
||||
</div>
|
||||
</body></html>
|
||||
Reference in New Issue
Block a user