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:
parent
867609c6a9
commit
3883e6f0b4
@ -3735,7 +3735,8 @@ function _buildAccountHosterGroupHtml(name, accounts) {
|
|||||||
${summary.error ? `<span class="account-hoster-group-meta error">${summary.error} Fehler</span>` : ''}
|
${summary.error ? `<span class="account-hoster-group-meta error">${summary.error} Fehler</span>` : ''}
|
||||||
${lifeMeta}
|
${lifeMeta}
|
||||||
</div>
|
</div>
|
||||||
<div class="account-hoster-group-body" ${bodyStyle}>${cardsHtml}${_buildHosterSettingsHtml(name)}</div>
|
<div class="account-hoster-group-body" ${bodyStyle}>${cardsHtml}</div>
|
||||||
|
${_buildHosterSettingsHtml(name)}
|
||||||
</div>`;
|
</div>`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -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-card.drag-over-below { border-bottom: 2px solid var(--accent); }
|
||||||
|
|
||||||
.account-hoster-settings {
|
.account-hoster-settings {
|
||||||
margin-top: 8px;
|
|
||||||
border-top: 1px solid var(--border);
|
border-top: 1px solid var(--border);
|
||||||
padding-top: 6px;
|
|
||||||
}
|
}
|
||||||
.account-hoster-settings-header {
|
.account-hoster-settings-header {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 8px;
|
gap: 8px;
|
||||||
padding: 6px 4px;
|
padding: 8px 12px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
font-size: 12px;
|
font-size: 11px;
|
||||||
letter-spacing: 0.02em;
|
letter-spacing: 0.5px;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
border-radius: 6px;
|
|
||||||
transition: background 0.1s, color 0.1s;
|
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-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 {
|
.settings-hoster-pointer {
|
||||||
margin-top: 12px;
|
margin-top: 12px;
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user