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

feat(toolbar): move "+" and the case gear into the case picker

Browse Source 
The owner asked to drop the "+" (Add Case) and gear (case settings) buttons
beside the toolbar case picker. Their two actions now close the picker's own
list instead, as "New or link a case…" and "Case settings…" rows in a sticky
footer, so nothing becomes unreachable: on desktop the "+" was the only door to
Add Case (create, link, clone, manage), and the gear the only one to the
per-case Agent Teams / 1M Opus overrides.

The rows are part of the arrow-key walk (after the last case) and Enter runs
them, they also show when nothing matches the filter, and the case settings
popover still opens anchored to the case group. The picker input gets its
right-hand corners back, and the dead .btn-case-add / .btn-case-settings rules
(desktop, phone and two skin selector lists) are gone. Phones keep their own
case sheet and gear.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-10-08 22:22:40 +02:00
parent 6644962d70
commit 2accd804f9
7 changed files with 194 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+44 -46
View File
@@ -6269,7 +6269,7 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea {
padding: 0.4rem 1.6rem 0.4rem 0.65rem;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.07);
border-radius: var(--btn-radius) 0 0 var(--btn-radius);
border-radius: var(--btn-radius);
color: var(--text-dim);
font-size: 0.75rem;
font-family: inherit;
@@ -6354,6 +6354,49 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea {
text-align: center;
}
/* The picker's own action rows ("New or link a case…", "Case settings…"),
which replaced the "+" and gear buttons beside it. Sticky at the bottom so
a long case list scrolls under them, a hairline above, quieter than a case. */
.case-combobox-actions {
position: sticky;
bottom: -0.35rem;
margin: 0.3rem -0.35rem -0.35rem;
padding: 0.3rem 0.35rem 0.35rem;
border-top: 1px solid var(--control-border, rgba(255, 255, 255, 0.08));
background: inherit;
border-radius: 0 0 8px 8px;
}
.case-combobox-action {
display: grid;
grid-template-columns: 18px minmax(0, 1fr);
align-items: center;
width: 100%;
min-height: 30px;
padding: 0.3rem 0.45rem;
background: transparent;
border: 1px solid transparent;
border-radius: 6px;
color: var(--text-muted);
font: inherit;
font-size: 0.75rem;
text-align: left;
cursor: pointer;
}
.case-combobox-action:hover,
.case-combobox-action.active {
background: rgba(59, 130, 246, 0.16);
border-color: rgba(96, 165, 250, 0.28);
color: var(--text);
}
.case-combobox-action-icon {
color: var(--accent);
font-weight: 600;
text-align: center;
}
.toolbar-select {
padding: 0.4rem 1.5rem 0.4rem 0.6rem;
background: rgba(255, 255, 255, 0.05);
@@ -6393,50 +6436,6 @@ body.touch-device .terminal-container .xterm .xterm-helper-textarea {
box-shadow: 0 0 0 1px rgba(59, 130, 246, 0.2);
}
.btn-case-add {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.07);
border-left: none;
border-radius: 0;
color: var(--green);
font-size: 1.1rem;
font-weight: 500;
cursor: pointer;
transition: all var(--transition-smooth);
}
.btn-case-add:hover {
background: var(--green);
color: white;
border-color: var(--green);
box-shadow: 0 0 8px rgba(34, 197, 94, 0.3);
}
.btn-case-settings {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.07);
border-left: none;
border-radius: 0 var(--btn-radius) var(--btn-radius) 0;
color: var(--text-dim);
font-size: 1rem;
cursor: pointer;
transition: all var(--transition-smooth);
}
.btn-case-settings:hover {
background: var(--accent);
color: white;
border-color: var(--accent);
}
.case-settings-popover {
position: absolute;
bottom: 100%;
@@ -15885,7 +15884,6 @@ html:not([data-skin="og"]) {
border-color: var(--accent);
box-shadow: 0 0 0 1px rgba(var(--accent-rgb), 0.25);
}
.btn-case-add { color: var(--accent-soft); }
/* ---- Header system stats: cohesive accent meters ---- */
.stat-bar-mem { background: linear-gradient(90deg, var(--accent), var(--accent-hover)); }