From 4df9d3fb018e8f21e4e9012e97fa0fe81629320c Mon Sep 17 00:00:00 2001 From: Ettore Di Giacinto Date: Wed, 21 Oct 2026 08:56:21 +0000 Subject: [PATCH] fix(addons): scope the narrow-screen identity rules of the Voice add-on The rules for narrow screens (single-column pairs, smaller tool padding, compact rank rows) were copied into the Voice style sheet without their media query, so they applied at every width. They now sit in a max-width 720px query, and the reduced-motion rule in its own query, as in the core sheet. Assisted-by: Claude Code:claude-sonnet-5-5 playwright Signed-off-by: Ettore Di Giacinto --- addons/voice/ui/src/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/addons/voice/ui/src/style.css b/addons/voice/ui/src/style.css index 4c0929ee5..05989ae70 100644 --- a/addons/voice/ui/src/style.css +++ b/addons/voice/ui/src/style.css @@ -239,6 +239,7 @@ .idn-recording__text { margin: 0; max-width: 62ch; line-height: 1.5; } .idn-recording__steps { margin: 0; padding-left: 20px; display: grid; gap: 4px; color: var(--dk-muted); font-size: var(--dk-text-15); } .idn-recording .dk-hint { margin: 0; max-width: 62ch; } +@media (max-width: 720px) { .idn-tool { padding: var(--dk-space-3); } .idn-pair { grid-template-columns: minmax(0, 1fr); } .idn-result__tune { grid-template-columns: minmax(0, 1fr); gap: var(--dk-space-4); } @@ -256,7 +257,10 @@ .idn-more__body { padding-left: 0; } .idn-more > summary .dk-hint { display: none; } .idn-needed__list li { flex-direction: column; align-items: flex-start; } +} +@media (prefers-reduced-motion: reduce) { .idn-working .dk-progress[data-indeterminate] .dk-progress-bar { animation: none; } +} .idn-who .dk-table-sub { white-space: normal; overflow: visible; text-overflow: clip; max-width: 62ch; } .idn-pair--boxes .idn-face { max-width: 340px; } .idn-sheet__need { flex: 1 1 160px; min-width: 0; margin-right: 0; }