Skip to content

fix(amicode): pad entity-view modal + remove card-family gold tint - #16

Merged
kateebonner merged 2 commits into
local/amicodefrom
kate/amicode-modal-padding-no-yellow
Jul 10, 2026
Merged

kateebonner merged 2 commits into
local/amicodefrom
kate/amicode-modal-padding-no-yellow

Conversation

@kateebonner

Copy link
Copy Markdown
Contributor

What

Two UI-polish fixes to the Amicode entity surfaces (all in packages/ui/src/amicode/amicode.css):

  1. Entity-view modal padding. The dialog body (Hamiltonian box, DETAILS/HISTORY, fields, footer) was inset only 4px while the dialog header sits at 20px, so content read as cramped and hugged the edges. Bumped [data-component="amicode-entity-view"] padding 4px 4px 04px 20px 20px, so content aligns with the header inset and History no longer jams the bottom edge.

  2. Remove the gold tint from the card family. The no-accent-rail redesign kept a gold-tinted hairline + accent wash as the shared "AMICO identity" on the chip (amicode-card) and the ask-card / entity-rail / run-window surfaces (including the run-window hover). Per product direction, neutralized these to a plain border-base hairline + bg-layer surface — no yellow on resting or hover states.

Intentionally left (functional / semantic, not the "yellow side border")

  • Selected answer option in the ask-card still gets an accent border (data-picked) — the selection indicator.
  • Semantic accent highlights: anchored History event, changed-value dot, edit-button hover.

Verification

  • Reproduced both entity variants (System with real KaTeX; Problem/empty) in a faithful harness (real dialog.css + amicode.css + the exact DOM) across 380–900px — content padded, no clipping at any width.
  • Confirmed the built + vendored binary and the live-served CSS bundle contain the new padding (4px 20px 20px) and no longer contain the old gold borders (icon-accent) 20% / 22%).
  • bun typecheck clean (enforced by the pre-push hook).

🤖 Generated with Claude Code

kateebonner and others added 2 commits July 9, 2026 12:07
- Neutralize the gold-tinted hairline + accent wash on amicode-card (chip)
  and the shared ask-card / entity-rail / run-window surfaces (incl. the
  run-window hover) to plain border-base + bg-layer surfaces
  (Kate: drop the yellow side border).
- Entity-view dialog body padding 4px 4px 0 -> 4px 20px 20px so content
  aligns with the header inset and History isn't jammed to the edge.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
- entity-view: content wrapper width min(680px,90vw) -> 100% so it fits the
  640px dialog instead of overflowing and clipping on the right
- problem-switcher: symmetric 20px padding (was 24/10 asymmetric), add a
  height cap (max-height 68vh) + internal scroll, and humanize the recorded
  timestamps (raw ISO -> relative via luxon)
- remove the leftover gold left-rail on the question-body card

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
@kateebonner
kateebonner merged commit 11fd984 into local/amicode Jul 10, 2026
0 of 4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant