BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-07 07:59:42 +02:00
Code Issues Packages Projects Releases Wiki Activity

fix(cases): give the collapsed Add Case blocks a disclosure chevron

Browse Source 
`summary { display: flex }` in the Add Case adapter drops the browser's own
disclosure triangle, so Clone options, Container settings, Advanced SSH,
Discover existing sessions and Advanced container settings rendered as plain
uppercase headings with nothing to say they open. Reported as exactly that.

Each summary now carries an explicit chevron that rotates 180 degrees on
`[open]`, matching the Advanced group in App Settings, plus a hover state on
the row. The default marker is suppressed in both spellings (`list-style` and
`::-webkit-details-marker`) so a browser that would still paint one does not
end up with two.
This commit is contained in:
Codeman maintainer
2026-08-10 11:58:06 +02:00
parent b025047cbf
commit 7da9fb4d53
2 changed files with 34 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+29
View File
@@ -15767,6 +15767,35 @@ html[data-skin="daylight-blue"] .welcome-btn-tunnel.active:hover {
background: linear-gradient(90deg, var(--border), transparent);
}
/* `display: flex` above drops the browser's own disclosure triangle, so the
chevron is explicit markup. Without it these rows read as plain headings and
nobody thinks to click them (reported on Clone options / Container settings). */
#createCaseModal .set-doc .advanced-options > summary {
list-style: none;
}
#createCaseModal .set-doc .advanced-options > summary::-webkit-details-marker {
display: none;
}
#createCaseModal .set-doc .advanced-options > summary .set-adv-chev {
flex-shrink: 0;
color: var(--text-dim);
transition: transform 0.18s, color 0.15s;
}
#createCaseModal .set-doc .advanced-options[open] > summary .set-adv-chev {
transform: rotate(180deg);
}
#createCaseModal .set-doc .advanced-options > summary:hover {
color: var(--text);
}
#createCaseModal .set-doc .advanced-options > summary:hover .set-adv-chev {
color: var(--accent);
}
#createCaseModal .set-doc .advanced-options-content {
padding-top: 4px;
}