크라우니캔버스 — 2a 모바일 Today 카드 1열 스택 수정
개요
크라우니캔버스(:9620) Today 화면에서 뷰포트 ≤767px일 때 카드가 데스크톱 3열 그리드로
가로 넘침(하단 탭바는 정상)하던 문제 수정. 근거:
패키지/기준스크린샷/2a-mobile.png,
docs/11-정직감사-7범주.md §추가발견.
원인
앱/화면/today.js가 Today 카드 컨테이너(row1/row2)에 인라인
style="display:grid;grid-template-columns:..."를 직접 부여하는데,
앱/index.html의
모바일 미디어쿼리 규칙
#cc-content.cc-grid-auto{...}는
cc-grid-auto 클래스가
어떤 요소에도 부여된 적이 없는 죽은 선택자였다 — 선택자 불일치로 인라인 grid를
전혀 덮지 못했음.
수정
앱/화면/today.js — row1/row2 두 그리드 컨테이너에 cc-today-row 클래스 부여
(
el('div', 'cc-today-row')), 인라인 grid 스타일은 데스크톱 기본값으로 유지.
앱/index.html — @media(max-width:767px)에 신규 규칙 추가:
#cc-content .cc-today-row{display:flex!important;flex-direction:column!important;grid-template-columns:none!important}
(기존
.cc-grid-auto 규칙은 유지, 새 규칙과 별개).
- 한선씨 동반(플랫폼락 더블, JS는 브라우저 실행이라 판정 로직만 파리티):
-
한선씨/오늘화면.한선 —
오늘카드행모드(뷰포트너비) 판정 함수 + 셀프테스트 2건 추가.
-
한선씨/index.한선 —
투데이행표시(뷰포트폭) 판정 함수 + 셀프테스트 2건 추가
(기존
아이콘버튼치수/
프로필치수 브레이크포인트 파리티 패턴과 동일 관용구).
검증
node --check 앱/화면/today.js PASS.CROWNY_STRICT=1 hanseonc_high 재컴파일 — 오늘화면.한선(21/21 self-test PASS),
index.한선(23/23 self-test PASS), 둘 다 0경고.
- 서버 :9620은 정적 자산 서빙만 바뀌어 재기동 불필요 —
curl localhost:9620/,
curl localhost:9620/화면/today.js로 신규 CSS/클래스 라이브 반영 확인.
- 브라우저(claude-in-chrome)로 매체쿼리 룰이 실제 인라인 grid를 덮는지(동일 선택자·
!important 우선순위 로직) 확인 —
display:flex; flex-direction:column으로 정상 전환.
- 잔여: 이 세션 환경의
resize_window가 실제 뷰포트를 바꾸지 못함(919px 고정,
환경 제약) → 진짜 390px 헤드리스 캡처로 최종 시각 판정은 다음 재검 단계에서 필요.
관련 파일
/Users/ef/crowny-canvas/앱/화면/today.js/Users/ef/crowny-canvas/앱/index.html/Users/ef/crowny-canvas/한선씨/오늘화면.한선/Users/ef/crowny-canvas/한선씨/index.한선
잔여 이슈
- 실제 390px 헤드리스 스크린샷 캡처로 최종 시각 확인 필요(도구 제약으로 이번 세션에서 미실시).
docs/11-정직감사-7범주.md의 다른 항목(컬렉션 라우트 미배선, 협업/인증 가짜 등)은 이번
임무(2a) 범위 밖 — 별도 담당.