Administrator/Twitch-VOD-Manager
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 212 Wiki Activity

cleanup: .event-viewer-empty CSS class — 3 inline styles gone

Browse Source 
renderEventsList in renderer.ts had three .style.* assignments on its empty-state placeholder div (color/padding/textAlign), set just before stamping the localized "no events recorded" text. Extracted to an .event-viewer-empty class next to the .event-viewer-row + .event-viewer-time block in styles.css.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
xRangerDE 2026-05-11 09:50:12 +02:00
parent 2d1d48599a
commit 0cf67e8849
2 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/renderer.ts
View File

@ -345,9 +345,7 @@ function renderEventsList(events: EventLogEntry[]): void {
list.replaceChildren(); list.replaceChildren();
if (events.length === 0) { if (events.length === 0) {
const empty = document.createElement('div'); const empty = document.createElement('div');
empty.style.color = 'var(--text-secondary)'; empty.className = 'event-viewer-empty';
empty.style.padding = '12px';
empty.style.textAlign = 'center';
empty.textContent = UI_TEXT.queue.viewEventsEmpty; empty.textContent = UI_TEXT.queue.viewEventsEmpty;
list.appendChild(empty); list.appendChild(empty);
return; return;

8
src/styles.css
View File

@ -3865,6 +3865,14 @@ input[type="number"]::-webkit-outer-spin-button {
font-family: 'Consolas', 'Segoe UI Mono', monospace; font-family: 'Consolas', 'Segoe UI Mono', monospace;
} }
/* Empty state inside the events-viewer modal — shown when an events
file exists but contains no parsed entries. */
.event-viewer-empty {
color: var(--text-secondary);
padding: 12px;
text-align: center;
}
.event-viewer-tag { .event-viewer-tag {
font-weight: 600; font-weight: 600;
margin-right: 8px; margin-right: 8px;