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

cleanup: .card-intro a default colour + archive-search-summary uses .form-sublabel

Browse Source 
The Twitch-API card's help-text paragraph contains one inline link (apiHelpLink → dev.twitch.tv/console/apps). It carried color/text-decoration/cursor inline — but text-decoration:underline and cursor:pointer are the browser defaults for <a href=...>, so only the accent colour was actually doing work. Hoisted that to a single .card-intro a descendant rule — any future inline link inside a card intro paragraph picks up the accent colour without ceremony.

Same edit converts the archiveSearchSummary div from inline (font-size:12px; color:var(--text-secondary)) to the existing .form-sublabel class — exact match.

Two more inline style attributes gone.

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

4
src/index.html
View File

@ -474,7 +474,7 @@
</select> </select>
<button class="btn-secondary" id="btnArchiveSearch" onclick="performArchiveSearch()">Suchen</button> <button class="btn-secondary" id="btnArchiveSearch" onclick="performArchiveSearch()">Suchen</button>
</div> </div>
<div id="archiveSearchSummary" style="font-size: 12px; color: var(--text-secondary);"></div> <div id="archiveSearchSummary" class="form-sublabel"></div>
</div> </div>
<div class="settings-card"> <div class="settings-card">
<div id="archiveSearchResults"></div> <div id="archiveSearchResults"></div>
@ -518,7 +518,7 @@
<h3 id="apiTitle">Twitch API</h3> <h3 id="apiTitle">Twitch API</h3>
<p id="apiHelpText" class="card-intro"> <p id="apiHelpText" class="card-intro">
<span id="apiHelpIntro">Du brauchst eine Client-ID und ein Client-Secret von Twitch.</span> <span id="apiHelpIntro">Du brauchst eine Client-ID und ein Client-Secret von Twitch.</span>
<a href="#" id="apiHelpLink" onclick="event.preventDefault(); openTwitchDevConsole()" style="color: var(--accent); text-decoration: underline; cursor: pointer;">dev.twitch.tv/console/apps</a> <a href="#" id="apiHelpLink" onclick="event.preventDefault(); openTwitchDevConsole()">dev.twitch.tv/console/apps</a>
</p> </p>
<div class="form-group"> <div class="form-group">
<label id="clientIdLabel" for="clientId">Client ID</label> <label id="clientIdLabel" for="clientId">Client ID</label>

7
src/styles.css
View File

@ -2196,6 +2196,13 @@ select option {
margin-bottom: 12px; margin-bottom: 12px;
} }
/* Inline link inside a card intro — picks up the accent colour so it
reads as actionable text rather than the default browser blue. The
underline + pointer cursor come from the browser's <a> defaults. */
.card-intro a {
color: var(--accent);
}
/* Flush variant: the intro sits flush against the next sibling block /* Flush variant: the intro sits flush against the next sibling block
(e.g. the stats summary grid) and gets its top breathing room from (e.g. the stats summary grid) and gets its top breathing room from
the preceding section-header row rather than its own bottom margin. */ the preceding section-header row rather than its own bottom margin. */