Notion Bullet Line

Notion의 리스트(불릿, 번호, 토글) 계층마다 수직 구분선을 추가해 문서
구조를 한눈에 파악할 수 있게 합니다.

✦ 주요 기능
• 불릿 리스트 / 번호 리스트 / 토글 리스트 지원
• 선 두께 선택: 얇게 / 보통 / 굵게
• 선 형태 선택: 실선 / 점선 / 점점선
• 색상 선택: 회색 / 파랑 / 초록 / 빨강 / 주황 등 6가지
• 실시간 미리보기
• 설정은 Chrome 동기화로 저장

✦ 특징
• Notion의 React DOM을 건드리지 않는 순수 CSS 방식
• 페이지 이동(SPA) 후에도 자동 유지
• 가볍고 빠름 — 불필요한 권한 없음

✦ 지원 환경
• notion.so, www.notion.so, *.notion.site
• Chrome 105 이상 (CSS :has() 지원 버전)

업데이트 내역 (2026-03-30)

버그 수정
- 스크롤 리스너가 Notion iframe 구조를 올바르게 탐색하지 못하던 문제 수정
- 첫 번째 계층의 선 끝부분이 다른 계층과 일치하지 않는 문제 수정
- 다크모드 전환 시 라인 색상이 업데이트되지 않던 문제 수정
- 토글 블록이 접힐 때 라인이 레이아웃 밖으로 삐져나오던 문제 수정
- 팝업에서 HEX 색상이 미리보기에 반영되지 않던 문제 수정
- 빠른 페이지 이동 시 이전 설정이 잘못 적용될 수 있던 문제 수정
- Notion SPA 내비게이션(페이지 이동) 감지 누락 수정
- Works on notion.so, app.notion.com and *.notion.site domains.

개선
- 언어 지원 및 전환 버튼 추가 - 한국어, 영어, 일본어
- 커스텀 색상 선택기 - 색상 팔레트에 연필 아이콘 버튼 추가, 네이티브 color picker 연동
- to-to 체크리스트 계층선 지원 추가
- 확장 프로그램 비활성화 상태에서 불필요한 레이어가 생성되던 문제개선
- 투명도 최대값 통일 (슬라이더·저장값·표시 모두 40% 기준 일치)
- 설정 로드 전 타이머가 먼저 실행되던 경쟁 조건 개선
- 불필요한 tabs 권한 제거

업데이트 내역 (2026-04-01)
- 비리스트 블록 선 옵션 기능 구현
- 빠른 스크롤 시 선 사라지는 버그 수정