From ed3932c57ad7d17b4a8feff5a64bc788a7c04471 Mon Sep 17 00:00:00 2001 From: Mikhail Date: Fri, 21 Aug 2026 05:20:15 +0300 Subject: [PATCH 1/4] fix: mark active cabinet location semantically --- cmd/creator-web/static/assets/console.css | 4 ++-- cmd/creator-web/static/assets/console.js | 2 +- cmd/creator-web/static/index.html | 2 +- dev/ACTIVE_TASK.json | 2 +- dev/tasks/DEV-000074-creator-cabinet-operations.json | 4 ++-- 5 files changed, 7 insertions(+), 7 deletions(-) diff --git a/cmd/creator-web/static/assets/console.css b/cmd/creator-web/static/assets/console.css index 008a05d..ad7115a 100644 --- a/cmd/creator-web/static/assets/console.css +++ b/cmd/creator-web/static/assets/console.css @@ -114,7 +114,7 @@ button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus- .secondary-button { height: 42px; margin-top: 20px; color: #11150f; background: var(--signal); font-size: 12px; } .section-nav { display: grid; gap: 3px; margin-top: 4px; } .section-nav-link { display: grid; grid-template-columns: 28px 1fr; gap: 2px 10px; padding: 11px 10px; border-left: 2px solid transparent; color: var(--muted); text-decoration: none; transition: background .18s, border-color .18s, color .18s; } -.section-nav-link:hover, .section-nav-link:focus-visible, .section-nav-link.active, .section-nav-link[aria-current="page"] { border-left-color: var(--signal); color: var(--ink); background: rgba(201,168,95,.07); outline: 0; } +.section-nav-link:hover, .section-nav-link:focus-visible, .section-nav-link.active, .section-nav-link[aria-current="location"] { border-left-color: var(--signal); color: var(--ink); background: rgba(201,168,95,.07); outline: 0; } .section-nav-link span { grid-row: 1 / span 2; color: var(--signal); font: 9px/1.4 var(--mono); } .section-nav-link b { font: 600 11px/1.2 var(--sans); } .section-nav-link small { color: var(--faint); font: 9px/1.2 var(--mono); } @@ -378,7 +378,7 @@ html[data-reduced-motion="true"] *, html[data-reduced-motion="true"] *::before, .workspace { padding: 30px 16px 50px; } .section-nav { display: flex; gap: 6px; margin: 10px -18px -24px; padding: 10px 18px; overflow-x: auto; border-top: 1px solid var(--line-soft); background: #0e1512; scrollbar-width: thin; } .section-nav-link { min-width: 142px; padding: 10px; border-left: 0; border-bottom: 2px solid transparent; } - .section-nav-link:hover, .section-nav-link:focus-visible, .section-nav-link.active, .section-nav-link[aria-current="page"] { border-left-color: transparent; border-bottom-color: var(--signal); } + .section-nav-link:hover, .section-nav-link:focus-visible, .section-nav-link.active, .section-nav-link[aria-current="location"] { border-left-color: transparent; border-bottom-color: var(--signal); } .workspace-head { align-items: start; flex-direction: column; } .last-update { text-align: left; } .signal-strip { grid-template-columns: 1fr; } diff --git a/cmd/creator-web/static/assets/console.js b/cmd/creator-web/static/assets/console.js index fec7398..4a1536d 100644 --- a/cmd/creator-web/static/assets/console.js +++ b/cmd/creator-web/static/assets/console.js @@ -29,7 +29,7 @@ function setActiveSection(id) { sectionNavLinks.forEach((link) => { const active = link.getAttribute("href") === `#${id}`; link.classList.toggle("active", active); - if (active) link.setAttribute("aria-current", "page"); + if (active) link.setAttribute("aria-current", "location"); else link.removeAttribute("aria-current"); }); } diff --git a/cmd/creator-web/static/index.html b/cmd/creator-web/static/index.html index 42ba98d..5905698 100644 --- a/cmd/creator-web/static/index.html +++ b/cmd/creator-web/static/index.html @@ -97,7 +97,7 @@