fix(accounts): per-hoster "Upload-Einstellungen" reachable without expanding the hoster

The settings section was nested inside the collapsible cards body, so you had to
expand a hoster group first before you could open its upload settings. Moved the
section out to the group level (sibling of the cards body), so the
"Upload-Einstellungen" toggle is always visible directly under each hoster header
— collapsed or not — for every hoster. Styled as a full-width row matching the
group header. Group-cards toggle and the settings toggle are now fully independent.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
Administrator 2026-06-15 01:32:17 +02:00
parent 867609c6a9
commit 3883e6f0b4
2 changed files with 7 additions and 9 deletions

View File

@ -3735,7 +3735,8 @@ function _buildAccountHosterGroupHtml(name, accounts) {
${summary.error ? `<span class="account-hoster-group-meta error">${summary.error} Fehler</span>` : ''}
${lifeMeta}
</div>
<div class="account-hoster-group-body" ${bodyStyle}>${cardsHtml}${_buildHosterSettingsHtml(name)}</div>
<div class="account-hoster-group-body" ${bodyStyle}>${cardsHtml}</div>
${_buildHosterSettingsHtml(name)}
</div>`;
}

View File

@ -1025,26 +1025,23 @@ select.hs-input { max-width: none; width: auto; min-width: 140px; }
.account-card.drag-over-below { border-bottom: 2px solid var(--accent); }
.account-hoster-settings {
margin-top: 8px;
border-top: 1px solid var(--border);
padding-top: 6px;
}
.account-hoster-settings-header {
display: flex;
align-items: center;
gap: 8px;
padding: 6px 4px;
padding: 8px 12px;
cursor: pointer;
color: var(--text-muted);
font-size: 12px;
letter-spacing: 0.02em;
font-size: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
border-radius: 6px;
transition: background 0.1s, color 0.1s;
}
.account-hoster-settings-header:hover { background: rgba(255,255,255,0.03); color: var(--text); }
.account-hoster-settings-header:hover { background: var(--bg-card-hover); color: var(--text); }
.account-hoster-settings-header .panel-arrow { font-size: 10px; color: var(--text-dim); }
.account-hoster-settings-body { padding: 6px 4px 4px; }
.account-hoster-settings-body { padding: 4px 12px 10px; }
.settings-hoster-pointer {
margin-top: 12px;