Dev Width Toggle
1. Result Summary
본문 가로폭을 사용자가 직접 전환할 수 있는 내비게이션 버튼을 추가했다.
설정은 localStorage에 저장되어 페이지 이동 뒤에도 유지된다.
- 버튼 위치: 상단 내비게이션의
themePickerInline그룹(테마 토글 옆). 767px 이하에서는 숨긴다 - 저장 키:
ahawiki-limit-width - 기본 상태:
Wide - 전환 순서:
Wide->1600->1280->960 - 적용 클래스:
body.AhaWiki.width-1600,body.AhaWiki.width-1280,body.AhaWiki.width-960
2. Behavior
버튼을 누르면 현재 viewport보다 작은 폭 옵션만 순환한다.
예를 들어 1280px보다 좁은 화면에서는 1280 이상의 제한 단계는 건너뛴다.
제한 폭이 적용되면 .limitWidth에 max-width와 margin: 0 auto가 적용되고,
본문 배경, 상단 여백, 그림자, 첫 제목 여백이 함께 조정된다.
3. Files
app/views/_base.scala.htmlwidthToggle버튼 추가ahawiki-limit-width저장/복원Wide,1600,1280,960단계 순환 처리app/assets/wiki.less(2026-05-26 less 분할 때less.less에서 옮겨 감).limitWidth기본 padding 정리width-1600,width-1280,width-960레이아웃 스타일 추가app/assets/less.less— 모바일에서 버튼을 숨기는 규칙만
4. Notes
테마 토글과 같은 themePickerInline 안에 있어 두 버튼이 같은 패턴으로 동작한다. 2026-05-29 에 Light·Dark 선택 버튼 둘이 토글 하나가 되면서 계정 메뉴와 모바일 flat 메뉴에서는 이 컨트롤이 빠졌다.
5. See Also
5.2. Similar Pages
Similar pages by cosine similarity. Words after page name are term frequency.
5.3. Adjacent Pages
Control
≤ 32
all
1.0x
1.0x
80
-120
ON
Metrics
Nodes(visible/total)0/0
Links(visible/total)0/0
Avg degree0.00
Depth coverage0
Queue(fetch/graph)0 / 0
Zoom(scale)1.00x
Ctrl/⌘ + Scroll: Zoom
Root
1-hop
2-hop+