design: 본문·alert 박스의 80% 폭 제한 해제로 풀폭 통일#217
Merged
Merged
Conversation
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
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.
배경
문서 페이지에서 본문 문단과 alert 박스의 오른쪽이 일찍 끝나
pageinfo박스와 폭이 어긋나 보입니다.원인은 Docsy(v0.15.0)가
.td-content직계 자식(> p,> .alert,> ul등)에 큰 화면(lg 이상)에서max-width: 80%를 적용하는 줄 길이 제한입니다(td/_content.scss). 기존 커스텀 SCSS 7번 절의 "본문 폭은 Docsy 컬럼이 제어 — 별도 max-width 제한 없음" 주석이 의도한 풀폭 설계가 이 기본 규칙에 가려져 있던 상태라, 이번 수정이 그 의도를 완성합니다.변경
assets/scss/_styles_project.scss에 Docsy의 해당 선택자 목록을 미러링해 같은 특이도로max-width: none을 덮습니다. 유틸리티 클래스(.td-max-width-on-larger-screens) 자체는 tabbed-pane 등 다른 쇼트코드가 쓰므로 건드리지 않았습니다. 폰트 크기는 변하지 않고 줄 길이만 본문 컬럼 폭에 맞게 늘어납니다.OpenChain-KWG 사이트에 같은 수정을 먼저 적용해 검증했습니다(OpenChain-Project/OpenChain-KWG#303).
검증
hugo --minify빌드 성공.