| commit 02c814e71aa26c7b9f999397a81a59c9394c2016 parent 514a56600e17ba903261ddd2b23015c4fd6f486d Author: sqzer <110329244+sqzer-x@users.noreply.github.com> Date: Wed, 5 Aug 2026 19:14:44 +0900 The reading rail had the same broken clamp Same construction as the card title, same engine, so the same outcome: display computes to flow-root, -webkit-line-clamp does nothing, and overflow: hidden cuts the line box at line-height. At 1.35 against a 1.44em line box that is about a pixel off each label — small, and wrong for the same reason. max-height counts the lines and padding-bottom holds the descender, as on the card. No -webkit-line-clamp is left in the stylesheet. Verified by rendering it rather than by reading it: no post currently has headings, so the rail does not build at all. I put two headings into the post temporarily, one long enough to wrap, and measured all three labels — the run sits inside the box on every one. The headings are removed again; the post is byte-for-byte what it was. Diffstat:
|
| 1 file changed, 5 insertion(+), 1 deletion(-) |
diff --git a/static/css/main.css b/static/css/main.css @@ -1205,7 +1205,11 @@ html[lang="ko"] [data-tooltip]::after { letter-spacing: 0; text-transform: none; 침범한다. ponytail: 여기 걸리는 제목이 잦아지면 breakpoint 를 84rem 으로 올려 이름 열을 넓히는 쪽이 먼저다. 글자 크기를 줄이는 건 그다음. */ - display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; + /* 두 줄까지. -webkit-line-clamp 를 쓰지 않는 이유는 카드 제목과 같다 — 이 + 조합에서 display 가 flow-root 로 계산돼 clamp 가 죽고 overflow 만 남으면, + 상자가 line-height 만큼이라 글자 줄상자(1.44em)의 아래가 잘린다. */ + max-height: calc(2 * 1.35em + 0.12em); + padding-bottom: 0.12em; overflow: hidden; font-size: 0.72rem; line-height: 1.35; /* 13.7px 글자다. --ink-3 은 라이트에서 4.23:1 로 AA 아래이고, 여기서 쓰던 |