From 96e78c5fdfada73d37644083c7580a1d444ed748 Mon Sep 17 00:00:00 2001
From: Adam Mathes <adam@adammathes.com>
Date: Mon, 16 Feb 2026 09:37:04 -0800
Subject: Fix v3ui: neko button fixed position

- Remove duplicate neko logo from v3 sidebar
- Keep sidebar toggle button fixed at top-left even when sidebar is open
- Add top padding to v3 sidebar to prevent overlap with the fixed toggle button
- Update v3 tests to match UI changes
---
 frontend-vanilla/src/main.test.ts |  9 ---------
 frontend-vanilla/src/main.ts      |  1 -
 frontend-vanilla/src/style.css    | 10 +++-------
 3 files changed, 3 insertions(+), 17 deletions(-)

(limited to 'frontend-vanilla/src')

diff --git a/frontend-vanilla/src/main.test.ts b/frontend-vanilla/src/main.test.ts
index 3798f1b..c9d0e0c 100644
--- a/frontend-vanilla/src/main.test.ts
+++ b/frontend-vanilla/src/main.test.ts
@@ -65,19 +65,10 @@ describe('main application logic', () => {
     it('renderLayout should create sidebar and main content', () => {
         renderLayout();
         expect(document.getElementById('sidebar')).not.toBeNull();
-        expect(document.querySelector('.logo')).not.toBeNull();
         expect(document.getElementById('content-area')).not.toBeNull();
         expect(document.getElementById('sidebar-toggle-btn')).not.toBeNull();
     });
 
-    it('should navigate to home when clicking logo', () => {
-        renderLayout();
-        const logo = document.querySelector('.logo') as HTMLElement;
-        const navigateSpy = vi.spyOn(router, 'navigate');
-        logo.click();
-        expect(navigateSpy).toHaveBeenCalledWith('/', expect.any(Object));
-    });
-
     it('renderFeeds should populate feed list', () => {
         renderLayout();
         store.setFeeds([{ _id: 1, title: 'Test Feed', url: 'test', web_url: 'test', category: 'tag' }]);
diff --git a/frontend-vanilla/src/main.ts b/frontend-vanilla/src/main.ts
index f4493b8..3f53fc2 100644
--- a/frontend-vanilla/src/main.ts
+++ b/frontend-vanilla/src/main.ts
@@ -30,7 +30,6 @@ export function renderLayout() {
       <button class="sidebar-toggle" id="sidebar-toggle-btn" title="Toggle Sidebar">🐱</button>
       <div class="sidebar-backdrop" id="sidebar-backdrop"></div>
       <aside class="sidebar" id="sidebar">
-        <h1 class="logo" data-nav="home">🐱</h1>
         <div class="sidebar-search">
           <input type="search" id="search-input" placeholder="Search..." value="${store.searchQuery}">
         </div>
diff --git a/frontend-vanilla/src/style.css b/frontend-vanilla/src/style.css
index 8d8e554..0076e58 100644
--- a/frontend-vanilla/src/style.css
+++ b/frontend-vanilla/src/style.css
@@ -66,6 +66,7 @@ html {
   overflow: hidden;
   z-index: 100;
   padding: 1.5rem;
+  padding-top: 5rem;
 }
 
 .theme-dark .sidebar {
@@ -284,17 +285,12 @@ html {
     box-shadow: 10px 0 20px rgba(0, 0, 0, 0.1);
   }
 
-  /* Move toggle button with sidebar when visible */
-  .sidebar-visible .sidebar-toggle {
-    left: 12rem;
-  }
+  /* Move toggle button with sidebar when visible - Removed to keep it fixed */
 }
 
 /* Desktop Sidebar state */
 @media (min-width: 769px) {
-  .sidebar-visible .sidebar-toggle {
-    left: 12rem;
-  }
+  /* Desktop Sidebar state - Removed to keep toggle fixed */
 }
 
 /* Layout State */
-- 
cgit v1.2.3