Kit: a panel's scrolled end keeps clear space under the last line

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01Tw9fjV2UVj2u3F3mbnYrQW
2026-11-05 10:59:30 +00:00
parent 6fef0c48ed
commit b0a7886fa2
1 changed files with 2 additions and 0 deletions
@@ -22,6 +22,8 @@ body { -webkit-font-smoothing: antialiased; letter-spacing: -.003em; }
 .cx-panel-title::before { display: none; }
 .cx-panel-status { color: var(--muted); }
 .cx-panel-body { padding: var(--sp-7); gap: var(--sp-6); }
+/* Scrolled to the end, the last line sits well clear of the panel's edge, whatever the browser does with a scroller's bottom padding. */
+.cx-panel:not(.cx-panel-flush) > .cx-panel-body::after { content: ""; flex: 0 0 var(--sp-6); }

 /* buttons: soft fill, no outline; the one primary is solid */
 .cx-btn { background: var(--elev-2); border-color: transparent; font-weight: var(--fw-medium); }