fix: pyconkr-2026 헤더 네비게이션 레이아웃 개선#62
Merged
Merged
Conversation
earthyoung
reviewed
May 18, 2026
| transition: "background-color 0.3s ease-in-out", | ||
| "& .header-title-text": { | ||
| opacity: 0, | ||
| // TODO: FIXME: HeaderInner의 좌측 정렬 모드를 중앙 정렬("1fr auto 1fr")로 되돌릴 때 opacity를 다시 0으로 변경할 것 (hover 시에만 노출되는 원래 동작 복귀) |
Contributor
There was a problem hiding this comment.
수정사항은 아니지만 요 부분은 어떤 의미인지 궁금합니다!
Member
Author
There was a problem hiding this comment.
아 마우스 포인터를 올릴 때에만 PyCon Korea 2026 텍스트가 보이도록 작업해두셨더라고여,
근데 지금처럼 sitemap이 몇개 등록되지 않아 중앙 정렬을 하면 어색한 상황이라 우측 정렬을 한 상황에서는 PyCon Korea 2026 텍스트가 보이지 않아 빈 공간만 넓게 차지하게 되면 어색해보이는지라, 우선은 항상 보이도록 해두고, 나중에 sitemap이 어느 정도 생겨서 (즉 항목이 늘어나서) 중앙 정렬이 괜찮아지면 다시 마우스 포인터를 올린 경우에만 PyCon Korea 2026 텍스트가 보이게 하려 합니다ㅎㅎ
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
NavSideElementContainer가 더 이상 벌어지지 않도록 수정HeaderInner/NavDropdownInner/BreadCrumbInner에max-width: 1366px+ 중앙 정렬 적용HeaderInner를display: grid; gridTemplateColumns: 1fr auto 1fr로 전환하여 양쪽 사이드가 동일 폭을 갖고가운데 sitemap이 진짜 가운데 정렬되도록 수정
NavDropdownOuterhover 시에도 "PyCon Korea 2026" 타이틀 텍스트가 보이도록outer Box에
:has(.nav-dropdown:hover) .header-title-text { opacity: 1 }규칙 추가auto auto 1fr)하고 타이틀 텍스트를 상시 노출.두 변경 모두 TODO/FIXME 주석으로 복귀 방법 명시
우선 임시로 이렇게 해두고, 나중에 2025년처럼 어느 정도 많이 등록되면 중앙정렬 / 타이틀 텍스트 상시 정렬을 복구하려 합니다.
추가 사항
추후 저 브랜치가 main에 머지된 후 본 브랜치도 머지할 예정입니다.