style: give teacher shortcuts distinct text colors

This commit is contained in:
鲨鱼辣椒
2026-09-30 00:07:20 +08:00
parent 83a19fb19f
commit b934945f26
4 changed files with 31 additions and 10 deletions

View File

@@ -20,7 +20,7 @@
## Outcome
- Configured teacher shortcuts sit outside and directly above the composer. Latest approved styling uses 13px/600 green text with a subtle text shadow, no fill/border/box shadow, a small chevron and hover underline. The target-to-composer gap is 8px; wrapping/overflow/keyboard focus supported.
- Configured teacher shortcuts sit outside and directly above the composer. Latest approved styling uses one shortcut per row, eight distinct 13px/600 text colors with matching subtle shadows, no fill/border/box shadow, a small chevron and hover underline. The target-to-composer gap is 8px; wrapping/overflow/keyboard focus supported.
- Adapted product/tests dependency from main 53d5b6b (bb96941); original source task record remains in its source commit, excluded from this feature boundary. Explicit empty arrays hide prompts; absent historical field retains approved fallback. Published label and prompt are unchanged.
- Trial Renderer updated in place in PID 32583; Main and empty-work preview overlay remain intact. Live Alice cloud v53 supplies “继续看看咯”.
@@ -37,7 +37,7 @@
## Promotion Candidates
- Target: integrated classroom UI documentation. Proposal: configured prompts live 8px above the composer as transparent 13px/600 clickable text with a subtle text shadow and hover underline; exact cloud labels/prompts, absent/empty compatibility and send guards retained. Evidence: user approval, 75 unit / 23 browser tests and live trial comparison. No product-policy conflict; canonical promotion belongs to integration.
- Target: integrated classroom UI documentation. Proposal: configured prompts live 8px above the composer as transparent 13px/600 clickable text, one shortcut per row with distinct readable colors, matching text shadows and hover underline; exact cloud labels/prompts, absent/empty compatibility and send guards retained. Evidence: user approval, 75 unit / 23 browser tests and live trial comparison. No product-policy conflict; canonical promotion belongs to integration.
## Project Context Loaded
@@ -107,3 +107,13 @@
- Verification: four existing browser scenarios at 319/508px passed, including exact shortcut sends, long-label overflow and focus/hover/pressed behavior. Browser screenshot inspected. Typecheck, full lint (0 errors / 8 existing warnings), source and composite production builds passed.
- Trial: copied the latest sidebar-groups composite and changed only shortcut CSS. Built stylesheet index-DLG7JTx3.css was activated in PID 32583 without Renderer reload or Main restart; installed composite assets for later normal reload. Read-only verification confirmed 13px/600 and rgba(83,105,73,0.25) text shadow. Route, storage, drafts, 14 operation messages and teacher contents are unchanged; focused=false before/after. Inspector closed. No live prompts, cloud publication or main merge/push.
- Evidence: /tmp/teacher-text-depth-{browser,typecheck,lint,build,trial-build}.log, /tmp/teacher-text-depth-results and temporary trial teacher-text-depth-a682d30f/verification.json. Task-aware docs and whitespace checks passed before commit.
## Colored Text Follow-up
- Resumed the same task at 83a19fb, verified matching feature/branch/worktree ownership and reread peer scope records. Existing planning/design context unchanged; sidebar grouping remains unrelated. Teacher composer-files peer has no concrete dependency on shortcut colors; preserve its work and any newer trial overlays. Gate passed.
- User wants a different text color per row. Plan: one configured shortcut per row, with eight distinct readable colors, matching subtle text shadows and darker hover/pressed variants. Keep 13px/600, transparent background, 30px target and 8px composer spacing; no prompt or sending changes. Adapt existing browser checks, verify builds and update trial CSS without reload or native focus.
- Completed: eight distinct blue/purple/ochre/teal/rose/indigo/terracotta/green colors, one shortcut per row, with matched text shadow and darker hover/pressed colors. Base text contrast on the pane is at least 4.85:1. Prevent flex shrinking from compressing wrapped lines inside the bounded scrolling area.
- Verification: four existing browser cases passed at 319/508px, including eight distinct row colors, no overlapping/clipped wrapped text, exact sends, focus and 8px composer gap. Inspected narrow screenshot after correcting the wrap compression found visually. Typecheck, lint (0 errors / 8 existing warnings), source and latest-composite production builds passed.
- Trial stylesheet index-D03AC39p.css activated in PID 32583 without reload, restart or native focus. Preserved latest composite overlays; next-load assets prepared. Read-only verification confirms transparent background, no box shadow, 600 weight and color-based text shadow. Local storage and route stayed identical; app stayed unfocused. Conversation hydration progressed from 0 to 14 operation messages during verification, so messages/inputs are not claimed byte-identical. No writes to history/drafts or model requests were made. Inspector was already open on the verified trial PID and is left as found.
- Evidence: /tmp/teacher-text-colors-{browser,typecheck,lint,build,trial-build}.log, /tmp/teacher-text-colors-results and temporary trial teacher-text-colors-a682d30f/verification.json. No main merge/push or cloud publication. Task-aware docs and whitespace checks passed.