BitSquare/Codeman
2
0
Fork 0
mirror of https://github.com/Ark0N/Codeman.git synced 2026-10-02 13:39:41 +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/index.html
+5 -5
View File
@@ -2353,7 +2353,7 @@
<span class="form-hint">Runs this case in a hardened, isolated container. The base image is built automatically on first use. Docker/Podman must be installed.</span>
</div>
<details class="advanced-options docker-quick-settings" id="dockerQuickSettings">
<summary>Container settings (optional, sensible defaults)</summary>
<summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Container settings (optional, sensible defaults)</span></summary>
<div class="advanced-options-content">
<div class="form-row">
<label>Template</label>
@@ -2433,7 +2433,7 @@
<span class="form-hint">Which CLI to point the Run button at once the clone finishes. Changeable any time from the Run dropdown.</span>
</div>
<details class="advanced-options">
<summary>Clone options</summary>
<summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Clone options</span></summary>
<div class="advanced-options-content">
<div class="form-row">
<label class="checkbox-row"><input type="checkbox" id="cloneShallow"> Shallow clone (--depth 1)</label>
@@ -2507,7 +2507,7 @@
<span class="form-hint">Optional. Leave blank to use exec codex on the remote host.</span>
</div>
<details class="advanced-options">
<summary>Advanced SSH</summary>
<summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Advanced SSH</span></summary>
<div class="advanced-options-content">
<div class="form-row">
<label>Identity File</label>
@@ -2533,7 +2533,7 @@
</details>
<!-- COD-105 — discover + attach existing remote tmux sessions this Codeman didn't create. -->
<details class="advanced-options" id="remoteDiscoverSection">
<summary>Discover existing sessions</summary>
<summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Discover existing sessions</span></summary>
<div class="advanced-options-content">
<span class="form-hint">Find <code>codeman-*</code> tmux sessions already running on this host (started by the remote's own Codeman or another instance) and attach to one. Attaching shares the session; closing the tab detaches it — it is never killed.</span>
<div class="form-row" style="margin-top: 8px;">
@@ -2579,7 +2579,7 @@
</select>
</div>
<details class="advanced-options">
<summary>Advanced container settings</summary>
<summary><svg class="set-adv-chev" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M6 9l6 6 6-6"/></svg><span>Advanced container settings</span></summary>
<div class="advanced-options-content">
<div class="form-row">
<label>Memory</label>
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;
}