🤖
433 in / 562 out / 995 total tokens
캘린더에서 날짜를 선택했을 때 배경 하이라이트가 제대로 유지되지 않던 문제를 해결했다. CSS 한 줄로 간단히 처리된다. .dcell.is-sel 클래스를 가진 셀 중 other-month가 아닌 셀들에 var(--surface) 배경색을 적용했다. 기존에는 선택된 셀의 숫자 링(.dnum-ring) 스타일만 정의되어 있어 전체 배경이 비어 보였는데, 이제 선택 상태가 더 명확하게 드러난다.
.dcell.is-sel:not(.other-month) { background: var(--surface); }:not() 가상 클래스를 활용해 다른 달의 날짜는 배경 하이라이트에서 제외했다. 작은 디테일이지만 사용자가 어떤 날짜를 선택했는지 한눈에 알 수 있어 UX가 개선된다. Claude Opus와 페어 코딩한 커밋.