From fde324d1a764841debefedf588c4b06a3f73484c Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 17 Feb 2026 06:27:32 +0000 Subject: Fix link underlines in v3 UI and SSRF proxy bypass - Add text-decoration: none to .item-description a links in v3 CSS to match v1 style (no underlines on feed item content links) - Fix safehttp to disable proxy on safe client; without this, HTTP proxy env vars bypass the DialContext SSRF check for IPs like 10.0.0.1, causing TestSafeClient to fail https://claude.ai/code/session_01DpWhB9uGGMBnzqS28HxnuV --- frontend-vanilla/src/style.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'frontend-vanilla/src/style.css') diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css index a3a7978..5fb436c 100644 --- a/frontend-vanilla/src/style.css +++ b/frontend-vanilla/src/style.css @@ -422,6 +422,11 @@ select:focus { word-break: break-word; } +.item-description a { + text-decoration: none; + color: var(--link-color); +} + .item-description img, .item-description video, .item-description pre { -- cgit v1.2.3 From 71da9f0ef43b70909e61e462ecaab663ffa44d9e Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 17 Feb 2026 06:29:08 +0000 Subject: v3 UI: Reorder sidebar sections per ticket NK-mcl01m MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit New order: filters (Unread/All/Starred) → search → "+ new" → Feeds → Tags Previously: search → filters → Tags → Feeds Also adjust sidebar-search margin now that it's inside the scroll area. https://claude.ai/code/session_01DpWhB9uGGMBnzqS28HxnuV --- frontend-vanilla/src/style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'frontend-vanilla/src/style.css') diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css index 5fb436c..0a2d0f3 100644 --- a/frontend-vanilla/src/style.css +++ b/frontend-vanilla/src/style.css @@ -77,7 +77,8 @@ html { /* Sidebar Header Removed */ .sidebar-search { - margin-bottom: 2rem; + margin-top: 1rem; + margin-bottom: 1rem; } .sidebar-search input { -- cgit v1.2.3 From 02b452bcf524bc28ce4bb80e6422043e84b8d879 Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 17 Feb 2026 06:30:56 +0000 Subject: v3 UI: Fix dark mode visual bugs (NK-pbqvke) - Sidebar uses grey background with dark text in dark mode - Sidebar toggle has no background in dark mode - Sidebar search input uses light bg with dark text in dark mode - item-description links use correct color (--link-color = #5ac8fa in dark) and no underline (fixed in prior commit) https://claude.ai/code/session_01DpWhB9uGGMBnzqS28HxnuV --- frontend-vanilla/src/style.css | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) (limited to 'frontend-vanilla/src/style.css') diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css index 0a2d0f3..7180d43 100644 --- a/frontend-vanilla/src/style.css +++ b/frontend-vanilla/src/style.css @@ -466,6 +466,39 @@ select:focus { --link-color: #5ac8fa; --border-color: #333333; --accent-color: #2188ff; + --sidebar-text-color: rgba(0, 0, 0, 0.87); +} + +/* Dark mode: sidebar uses grey background with dark text */ +.theme-dark .sidebar { + background: rgba(180, 180, 180, 0.85); + border-right-color: rgba(0, 0, 0, 0.15); +} + +.theme-dark .sidebar-section li a, +.theme-dark .sidebar-section h3, +.theme-dark .sidebar-footer a { + color: rgba(0, 0, 0, 0.87); +} + +.theme-dark .sidebar-section li.active a { + background: rgba(0, 0, 0, 0.15); +} + +.theme-dark .sidebar-section li a:hover { + background: rgba(0, 0, 0, 0.08); +} + +/* Dark mode: sidebar-toggle button should have no background */ +.theme-dark .sidebar-toggle { + background: none; +} + +/* Dark mode: sidebar search input should use light background */ +.theme-dark .sidebar-search input { + background: rgba(255, 255, 255, 0.7); + color: rgba(0, 0, 0, 0.87); + border-color: rgba(0, 0, 0, 0.2); } .font-serif { -- cgit v1.2.3 From 75db4044230130366f3b213f62974c6d9633e39c Mon Sep 17 00:00:00 2001 From: Claude Date: Tue, 17 Feb 2026 06:32:26 +0000 Subject: v3 UI: Sidebar always overlays content, never shifts it (NK-z1czaq) Make sidebar position: fixed on desktop, same as mobile. Content area fills full viewport width and items remain centered regardless of sidebar state. Easy-to-revert CONTENT CENTERING PARAMETER comment added. https://claude.ai/code/session_01DpWhB9uGGMBnzqS28HxnuV --- frontend-vanilla/src/style.css | 42 +++++++++++++++++++++++++++++------------- 1 file changed, 29 insertions(+), 13 deletions(-) (limited to 'frontend-vanilla/src/style.css') diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css index 7180d43..f724916 100644 --- a/frontend-vanilla/src/style.css +++ b/frontend-vanilla/src/style.css @@ -197,9 +197,9 @@ html { opacity: 1; } -/* Main Content area */ +/* Main Content area - always fills full width (sidebar overlays) */ .main-content { - flex: 1; + width: 100%; min-width: 0; overflow-y: auto; background-color: var(--bg-color); @@ -283,24 +283,40 @@ html { } } -/* Desktop Sidebar state */ +/* CONTENT CENTERING PARAMETER: + * The sidebar overlays content (position: fixed) and never shifts the main content area. + * Content is always centered in the full viewport width. + * To revert to sidebar-shifts-content: remove the @media (min-width: 1025px) fixed rules below + * and restore "flex: 1; min-width: 0" on .main-content only. + */ @media (min-width: 1025px) { - /* Desktop Sidebar state - Removed to keep toggle fixed */ + .sidebar { + position: fixed; + top: 0; + left: 0; + bottom: 0; + z-index: 1000; + transform: translateX(-100%); + transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); + } + + .sidebar-visible .sidebar { + transform: translateX(0); + box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1); + } + + .sidebar-hidden .sidebar { + transform: translateX(-100%); + } } /* Layout State */ .sidebar-hidden .sidebar { - display: none; + display: flex; } -@media (min-width: 1025px) { - .sidebar-hidden .sidebar { - display: none; - } - - .sidebar-visible .sidebar { - display: flex; - } +.sidebar-visible .sidebar { + display: flex; } input[type="text"], -- cgit v1.2.3