LotusGuild/tinker_tickets
4
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix ASCII art alignment, readonly input opacity, api key visibility

Browse Source 
Use white-space:pre-wrap on description view div so newlines and multiple
spaces are preserved natively — no <br> replacement, ASCII art aligns
correctly since body is already monospace (JetBrains Mono).

Override opacity:1 on readonly API key input so generated keys are fully
readable instead of being faded to 0.45 by base.css [readonly] rule.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jared Vititoe
2026-03-31 19:43:18 -04:00
parent 72d5061867
commit fdc6d3d463
3 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/ticket.css
+4
View File
@@ -278,6 +278,10 @@ kbd {
padding: 0.5rem 0.25rem; padding: 0.5rem 0.25rem;
line-height: 1.75; line-height: 1.75;
color: var(--text-primary); color: var(--text-primary);
/* pre-wrap preserves newlines and multiple spaces so ASCII art aligns correctly.
font-mono is inherited from body, so box-drawing characters line up. */
white-space: pre-wrap;
word-break: break-word;
} }
.ticket-description-view p { .ticket-description-view p {
color: var(--text-secondary); color: var(--text-secondary);
assets/js/ticket.js
+3 -2
View File
@@ -89,8 +89,9 @@ function renderDescriptionView() {
if (!raw.trim()) { if (!raw.trim()) {
viewDiv.innerHTML = '<p class="lt-text-muted lt-text-sm"><em>No description provided.</em></p>'; viewDiv.innerHTML = '<p class="lt-text-muted lt-text-sm"><em>No description provided.</em></p>';
} else { } else {
// Ticket descriptions are plain text — preserve line breaks, never run markdown. // Ticket descriptions are plain text. CSS white-space:pre-wrap handles
viewDiv.innerHTML = lt.escHtml(raw).replace(/\n/g, '<br>'); // line breaks and multiple spaces (ASCII art) — no <br> replacement needed.
viewDiv.innerHTML = lt.escHtml(raw);
} }
} }
views/admin/ApiKeysView.php
+1 -1
View File
@@ -44,7 +44,7 @@ include __DIR__ . '/../../views/layout_header.php';
<div id="newKeyDisplay" class="lt-frame-inner lt-mt-sm is-hidden"> <div id="newKeyDisplay" class="lt-frame-inner lt-mt-sm is-hidden">
<div class="lt-subsection-header lt-text-amber">&#x26A0; Copy this key now — you won't see it again!</div> <div class="lt-subsection-header lt-text-amber">&#x26A0; Copy this key now — you won't see it again!</div>
<div class="lt-flex lt-flex-gap-sm lt-mt-sm"> <div class="lt-flex lt-flex-gap-sm lt-mt-sm">
<input type="text" id="newKeyValue" readonly class="lt-input" style="flex:1;font-family:monospace"> <input type="text" id="newKeyValue" readonly class="lt-input" style="flex:1;font-family:monospace;opacity:1;cursor:text">
<button type="button" class="lt-btn lt-btn-sm" data-action="copy-api-key">COPY</button> <button type="button" class="lt-btn lt-btn-sm" data-action="copy-api-key">COPY</button>
</div> </div>
</div> </div>