feat: 격자 에디터 범위를 면 틴트 + 모서리 크롭 마크로 표시 #17

Merged

tyange merged 1 commit from feat/modern-editor into main

2026-09-09 09:31:43 +00:00

tyange commented

2026-09-09 09:31:33 +00:00

Owner

전체 테두리 선 없이 에디터 박스 범위를 인지할 수 있게 .editor-frame에
옅은 면 틴트(--foreground 2.5%)와 네 모서리 L자 크롭 마크(14px, --foreground
28%)를 겹친다. 마크는 linear-gradient 8겹을 % 위치에 놓아 박스가 커져도
모서리를 따라간다.

프레임 높이는 패딩된 직사각형 전체가 아니라 마지막 내용 줄까지만 —
trimRect 줄 수로 docChanged마다 재측정해 인라인 height로 건다.
box-sizing: border-box + overflow: visible이라 CM6 호스트는 프레임 아래로
넘쳐 흐르고 빈 줄 클릭·방향키는 그대로 동작한다.

Co-Authored-By: Claude Sonnet 5 noreply@anthropic.com
Claude-Session: https://claude.ai/code/session_01MfW22NQxomSVmTAQiQCjQu

전체 테두리 선 없이 에디터 박스 범위를 인지할 수 있게 `.editor-frame`에 옅은 면 틴트(--foreground 2.5%)와 네 모서리 L자 크롭 마크(14px, --foreground 28%)를 겹친다. 마크는 linear-gradient 8겹을 % 위치에 놓아 박스가 커져도 모서리를 따라간다. 프레임 높이는 패딩된 직사각형 전체가 아니라 마지막 내용 줄까지만 — `trimRect` 줄 수로 `docChanged`마다 재측정해 인라인 height로 건다. box-sizing: border-box + overflow: visible이라 CM6 호스트는 프레임 아래로 넘쳐 흐르고 빈 줄 클릭·방향키는 그대로 동작한다. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01MfW22NQxomSVmTAQiQCjQu

tyange added 1 commit

2026-09-09 09:31:33 +00:00

feat: 격자 에디터 범위를 면 틴트 + 모서리 크롭 마크로 표시

Deploy Palim to AWS (Nginx) / deploy (push) Successful in 2m28s

Details

bd338743d7

전체 테두리 선 없이 에디터 박스 범위를 인지할 수 있게 `.editor-frame`에
옅은 면 틴트(--foreground 2.5%)와 네 모서리 L자 크롭 마크(14px, --foreground
28%)를 겹친다. 마크는 linear-gradient 8겹을 % 위치에 놓아 박스가 커져도
모서리를 따라간다.

프레임 높이는 패딩된 직사각형 전체가 아니라 마지막 내용 줄까지만 —
`trimRect` 줄 수로 `docChanged`마다 재측정해 인라인 height로 건다.
box-sizing: border-box + overflow: visible이라 CM6 호스트는 프레임 아래로
넘쳐 흐르고 빈 줄 클릭·방향키는 그대로 동작한다.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01MfW22NQxomSVmTAQiQCjQu

tyange merged commit bd338743d7 into main

2026-09-09 09:31:43 +00:00