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

fix(readmymind): style the modal footer, point the empty-result copy at the steer note

Browse Source 
The footer buttons shipped with class="btn btn-secondary/primary", but no
.btn or .btn-secondary rule exists in this codebase, so all four rendered
as unstyled UA buttons. Moved them to the btn-toolbar convention every
other modal footer uses, with a scoped flex-row footer rule (btn-toolbar
is display:flex, block-level) mirroring the runSummaryModal footer.

Send's accent needs a (0,4,0) re-assert: the skin block's bare
.btn-toolbar rule is (0,2,1) under html:not([data-skin="og"]) and beats
.btn-toolbar.btn-primary (0,2,0), the same specificity trap CLAUDE.md
documents for mobile.css. Scoped to this modal; the repo-wide greying of
btn-primary on non-OG skins is pre-existing and left as a design call.

The empty-result copy now points at the steer note sitting right below
it ("Add a steer note and Rethink to try again"), zh-CN updated.

Verified with the steer E2E (still green) plus desktop, phone (390px),
and error-phase screenshots; static guards extended to pin the footer
convention and the accent re-assert.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Codeman maintainer
2026-08-10 11:15:47 +02:00
parent 831af88579
commit 29efd0e970
6 changed files with 57 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/web/public/styles.css
+26
View File
@@ -10927,6 +10927,32 @@ kbd {
.readmymind-steer-input::placeholder {
color: var(--text-dim);
}
/* Footer row: the buttons are btn-toolbar (display: flex, block-level), so
without this rule the four of them stack vertically. Mirrors the
runSummaryModal footer; the ≤430px block in mobile.css adds wrapping. */
.readmymind-modal .modal-footer {
display: flex;
justify-content: flex-end;
gap: 0.5rem;
padding: 0.75rem 1rem;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
/* Send keeps the primary accent: the skin block's bare .btn-toolbar rule is
(0,2,1) under html:not([data-skin="og"]) and outranks the base
.btn-toolbar.btn-primary (0,2,0) — the specificity trap CLAUDE.md documents
for mobile.css — so the accent is re-asserted here at (0,4,0). Scoped to
this modal on purpose; un-greying every btn-primary on the new skins is a
design call, not this feature's. */
.readmymind-modal .modal-footer .btn-toolbar.btn-primary {
background: var(--accent);
border-color: var(--accent);
color: #fff;
}
.readmymind-modal .modal-footer .btn-toolbar.btn-primary:hover {
background: var(--accent-hover);
border-color: var(--accent-hover);
color: #fff;
}
/* Keyboard-accessory 🧠 key: the phone surface for the same opt-in setting
(the header 🧠 button stays phone-hidden in mobile.css). The key ships in