thandClaude Opus 4.7
8cbec8d601
- Overlays: drop the 24/40/54px inset frame on tasks, calendar,
gallery, search, detail, edit modal, bookmarks, email, gitea and
oumta-dashboard so they fill the viewport like the support
overlay does. Removed the shared border-radius + overflow:hidden
rule on their inner containers (only settings + dialog still use
it) so the card's top colour bar isn't clipped.
- Done badge: the corner-triangle variant gets chopped by rounded
card borders. applyDesign now toggles body.rounded-cards whenever
--ui-radius-card > 0, and the CSS swaps the triangle for a 18px
circle pill with the check centred. Triangle stays for square
cards.
- Support plugin: "Close ticket" button is a regular labelled
button now (was a 30×30 icon ghost that clipped the text). Empty
hero state ("select a ticket") matches the board's empty style —
centred in the column with a pixel-font blink-cursor label.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
36 lines
1.7 KiB
HTML
36 lines
1.7 KiB
HTML
<!-- Support plugin overlay: ticket inbox + reply composer + KB panel.
|
|
Rendered into the document root; shown/hidden via the .open class. -->
|
|
<div id="support-overlay" class="support-overlay">
|
|
<header class="support-header">
|
|
<div class="support-header-left">
|
|
<i class="ph ph-lifebuoy"></i>
|
|
<span class="font-pixel text-xs text-t-bright">Support inbox</span>
|
|
<button id="support-poll" class="support-btn support-btn-ghost" title="Poll the relay for new tickets"><i class="ph ph-arrow-clockwise"></i></button>
|
|
</div>
|
|
<div class="support-header-right">
|
|
<div class="support-filter">
|
|
<button class="support-pill active" data-filter="">all</button>
|
|
<button class="support-pill" data-filter="open">open</button>
|
|
<button class="support-pill" data-filter="answered">answered</button>
|
|
<button class="support-pill" data-filter="closed">closed</button>
|
|
</div>
|
|
<button id="support-close" class="support-btn support-btn-ghost" title="Close (Esc)"><i class="ph ph-x"></i></button>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="support-body">
|
|
<!-- Left: ticket list -->
|
|
<aside id="support-list" class="support-list">
|
|
<div class="support-empty">Loading…</div>
|
|
</aside>
|
|
|
|
<!-- Right: active ticket detail + reply composer -->
|
|
<section id="support-detail" class="support-detail">
|
|
<div class="support-empty-hero">
|
|
<i class="ph ph-envelope-open"></i>
|
|
<p class="cursor-blink">select a ticket</p>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</div>
|