forked from Rockachopa/Timmy-time-dashboard
Fix Mac trackpad scrolling; add make ip for phone testing
overflow: hidden creates a WebKit scroll container that absorbs trackpad events before they reach scrollable children (.chat-log, .mc-sidebar). Changed .mc-main and .mc-chat-panel > .card to overflow: clip, which clips visually but does not create a scroll container, so trackpad events propagate correctly to the nearest scrollable descendant. Added min-height: 0 to .mc-sidebar so the flex item can shrink below its content size and overflow-y: auto actually triggers scrolling. Added `make ip` target that prints local network URLs the phone can reach. The server already runs on 0.0.0.0 with --reload, so Python and template changes auto-reload; CSS/static changes need a manual refresh. https://claude.ai/code/session_01WFuf8fzKSWjH8ztF6E9jbj
This commit is contained in:
@@ -94,7 +94,7 @@ body {
|
||||
.mc-main {
|
||||
padding: 16px;
|
||||
height: calc(100dvh - var(--header-h));
|
||||
overflow: hidden;
|
||||
overflow: clip; /* clip = visual clipping only, no scroll container; lets trackpad events reach scrollable children */
|
||||
}
|
||||
.mc-content {
|
||||
height: 100%;
|
||||
@@ -106,6 +106,7 @@ body {
|
||||
/* ── Sidebar ─────────────────────────────────────── */
|
||||
.mc-sidebar {
|
||||
overflow-y: auto;
|
||||
min-height: 0; /* allow flex item to shrink so overflow-y: auto actually triggers */
|
||||
}
|
||||
|
||||
/* ── Chat column ─────────────────────────────────── */
|
||||
@@ -114,7 +115,7 @@ body {
|
||||
}
|
||||
.mc-chat-panel > .card {
|
||||
height: 100%;
|
||||
overflow: hidden;
|
||||
overflow: clip; /* visual clip only, preserves scroll events to .chat-log child */
|
||||
}
|
||||
|
||||
/* ── Panel / Card overrides ──────────────────────── */
|
||||
|
||||
Reference in New Issue
Block a user