From 771ece20e5e669f93fc0aba0459ac1ff2fa0825b Mon Sep 17 00:00:00 2001 From: soryu-co Date: Wed, 6 May 2026 11:30:27 +0000 Subject: Tighten mission/makima top space and use highlighted nav state MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The CTA row is now a top navbar, so the old 'Close' label on the active panel button is redundant — the button itself should look like the current page. Two fixes here: 1. Replace 'Close' with a persistent active highlight. - LandingPage.tsx: button keeps its label ('Mission' / 'MAKIMA') and gains an is-active class + aria-current="page" when its panel is open. heisei.css renders the active state as a solid amber underline + amber text — same visual language as the hover indicator, just persistent. - The button still toggles the panel closed when clicked again, so the interaction is unchanged; only the labelling moved. 2. Remove the white-space band above mission content. - The legacy .modern-landing-page wrapper from pc98.css pinned itself at top: 120px and height: calc(100vh - 120px), matching the original 120px-tall floating header. The new header is 72px (56px on mobile), which left ~50px of dead space below the navbar before the mission/makima content started. - Override the wrapper to top: 72px / height: calc(100vh - 72px) on desktop and 56px on mobile so it sits flush under the header. - Cover-content padding-top retuned for the new wrapper origin: desktop default 84px, mission-mode 72px (navbar 52 + 20 gap). Mobile default 76px, mission-mode 64px (navbar 48 + 16 gap). Verified at 1280x720: navbar y=72-124 · mission headline starts y=144 · 20px gap ✓ active Mission button: 'taisho-cta is-active', aria-current=page ✓ npm run build passes (CSS 92.6 kB / 18.1 kB gzip). Screenshots in docs/heisei-screenshots/after-*.jpg refreshed against the tightened layout. --- .../after-01-desktop-default.jpg | Bin 104420 -> 105132 bytes .../after-02-desktop-mission.jpg | Bin 302134 -> 299749 bytes .../heisei-screenshots/after-03-desktop-makima.jpg | Bin 96165 -> 97563 bytes .../after-04-desktop-login-hover.jpg | Bin 104514 -> 105240 bytes .../heisei-screenshots/after-05-mobile-default.jpg | Bin 64719 -> 58794 bytes .../heisei-screenshots/after-06-mobile-mission.jpg | Bin 178036 -> 177836 bytes 6 files changed, 0 insertions(+), 0 deletions(-) (limited to 'docs') diff --git a/docs/heisei-screenshots/after-01-desktop-default.jpg b/docs/heisei-screenshots/after-01-desktop-default.jpg index 5e6a52b..4a35ffb 100644 Binary files a/docs/heisei-screenshots/after-01-desktop-default.jpg and b/docs/heisei-screenshots/after-01-desktop-default.jpg differ diff --git a/docs/heisei-screenshots/after-02-desktop-mission.jpg b/docs/heisei-screenshots/after-02-desktop-mission.jpg index 213a961..6163d0e 100644 Binary files a/docs/heisei-screenshots/after-02-desktop-mission.jpg and b/docs/heisei-screenshots/after-02-desktop-mission.jpg differ diff --git a/docs/heisei-screenshots/after-03-desktop-makima.jpg b/docs/heisei-screenshots/after-03-desktop-makima.jpg index 93049b3..c66521e 100644 Binary files a/docs/heisei-screenshots/after-03-desktop-makima.jpg and b/docs/heisei-screenshots/after-03-desktop-makima.jpg differ diff --git a/docs/heisei-screenshots/after-04-desktop-login-hover.jpg b/docs/heisei-screenshots/after-04-desktop-login-hover.jpg index e510696..3c4b86f 100644 Binary files a/docs/heisei-screenshots/after-04-desktop-login-hover.jpg and b/docs/heisei-screenshots/after-04-desktop-login-hover.jpg differ diff --git a/docs/heisei-screenshots/after-05-mobile-default.jpg b/docs/heisei-screenshots/after-05-mobile-default.jpg index 8b5760d..0ac8b14 100644 Binary files a/docs/heisei-screenshots/after-05-mobile-default.jpg and b/docs/heisei-screenshots/after-05-mobile-default.jpg differ diff --git a/docs/heisei-screenshots/after-06-mobile-mission.jpg b/docs/heisei-screenshots/after-06-mobile-mission.jpg index 6b0ed8c..618c0c7 100644 Binary files a/docs/heisei-screenshots/after-06-mobile-mission.jpg and b/docs/heisei-screenshots/after-06-mobile-mission.jpg differ -- cgit v1.2.3