From f9127d5272042f4980ece8b39a47613f95eeaf8e Mon Sep 17 00:00:00 2001 From: Peter Stone Date: Sat, 31 Jan 2026 21:23:56 -1000 Subject: Fix timeline calendar view and shopping UI bugs (#56, #65-73) - #56: Add overflow-hidden to card/panel classes to prevent content overflow - #65: Fix Google Tasks not showing by including tasks without due dates - #66: Add no-cache headers to prevent stale template responses - #67: Increase dropdown z-index to 100 for proper layering - #69: Implement calendar-style Today section with hourly grid (6am-10pm), duration-based event heights, and compact overdue/all-day section - #70: Only reset shopping-mode form on successful submission - #71: Remove checkboxes from shopping tab (only show in shopping mode) - #72: Add inline add-item input at end of each store section - #73: Add Grouped/Flat view toggle for shopping list Co-Authored-By: Claude Opus 4.5 --- web/static/css/input.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) (limited to 'web/static') diff --git a/web/static/css/input.css b/web/static/css/input.css index c7fa1d2..321aa4f 100644 --- a/web/static/css/input.css +++ b/web/static/css/input.css @@ -24,7 +24,7 @@ @layer components { /* Dark Glass Card */ .card { - @apply bg-black/70 backdrop-blur-sm rounded-lg p-4 transition-all duration-200; + @apply bg-black/70 backdrop-blur-sm rounded-lg p-4 transition-all duration-200 overflow-hidden; box-shadow: 0 0 12px black; } @@ -32,6 +32,11 @@ @apply hover:bg-black/80; } + /* Panel with overflow clipping */ + .bg-panel { + @apply overflow-hidden; + } + /* Navigation Pills */ .tab-button { @apply px-2 sm:px-4 py-2 rounded-lg text-xs sm:text-sm font-light text-white/70 tracking-wide transition-all duration-200; @@ -59,11 +64,11 @@ } .trello-card-item { - @apply bg-black/40 rounded-lg p-4 hover:bg-black/50 transition-all; + @apply bg-black/40 rounded-lg p-4 hover:bg-black/50 transition-all overflow-hidden; } .task-item { - @apply bg-black/70 rounded-lg transition-colors; + @apply bg-black/70 rounded-lg transition-colors overflow-hidden; box-shadow: 0 0 12px black; } @@ -71,6 +76,11 @@ @apply bg-black/80; } + /* Text truncation for long content */ + .truncate-text { + @apply truncate; + } + .line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -- cgit v1.2.3