Compare commits

...

2 Commits

Author SHA1 Message Date
xRangerDE
af11cdda10 release: 4.6.125 .section-title.compact modifier
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-11 09:26:47 +02:00
xRangerDE
f606eea59c cleanup: .section-title.compact modifier instead of inline marginBottom toggle
renderStreamers in renderer-streamers.ts was toggling the streamer-section title's bottom margin between 4px and "" via an inline style assignment, conditional on whether the list-filter input was visible directly below. Replaced with a .compact modifier class — same visual effect, but the CSS declaration lives next to the .section-title base rule where future readers will look, and the JS gets to use classList.toggle instead of poking at inline styles.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-05-11 09:26:36 +02:00
4 changed files with 12 additions and 4 deletions

4
package-lock.json generated
View File

@ -1,12 +1,12 @@
{
"name": "twitch-vod-manager",
"version": "4.6.124",
"version": "4.6.125",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "twitch-vod-manager",
"version": "4.6.124",
"version": "4.6.125",
"license": "MIT",
"dependencies": {
"axios": "^1.6.0",

View File

@ -1,6 +1,6 @@
{
"name": "twitch-vod-manager",
"version": "4.6.124",
"version": "4.6.125",
"description": "Twitch VOD Manager - Download Twitch VODs easily",
"main": "dist/main.js",
"author": "xRangerDE",

View File

@ -423,7 +423,7 @@ function renderStreamers(): void {
const showFilter = all.length >= STREAMER_FILTER_THRESHOLD;
if (filterInput) filterInput.style.display = showFilter ? '' : 'none';
// Compact title margin when filter is shown — avoids double gap.
if (sectionTitle) sectionTitle.style.marginBottom = showFilter ? '4px' : '';
if (sectionTitle) sectionTitle.classList.toggle('compact', showFilter);
// Empty state — small hint inside the sidebar when no streamers have
// been added yet. Without this the user sees a heading + blank space

View File

@ -120,6 +120,14 @@ body {
gap: 8px;
}
/* Compact spacing variant applied when the sidebar's streamer-list
filter input is visible directly below the title, so the default
padding-bottom + the filter's own margin don't double up into a
visually loose gap. */
.section-title.compact {
margin-bottom: 4px;
}
.streamers {
flex: 1;
overflow-y: auto;