diff options
| author | Adam Mathes <adam@adammathes.com> | 2026-02-16 09:37:04 -0800 |
|---|---|---|
| committer | Adam Mathes <adam@trenchant.org> | 2026-02-16 10:57:38 -0800 |
| commit | 96e78c5fdfada73d37644083c7580a1d444ed748 (patch) | |
| tree | 709a94028f4a743495e38ba914688d3c0b949129 /frontend-vanilla/src | |
| parent | c5fdd406503aaedaac5e117e710d7910112af83f (diff) | |
| download | neko-96e78c5fdfada73d37644083c7580a1d444ed748.tar.gz neko-96e78c5fdfada73d37644083c7580a1d444ed748.tar.bz2 neko-96e78c5fdfada73d37644083c7580a1d444ed748.zip | |
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
Diffstat (limited to 'frontend-vanilla/src')
| -rw-r--r-- | frontend-vanilla/src/main.test.ts | 9 | ||||
| -rw-r--r-- | frontend-vanilla/src/main.ts | 1 | ||||
| -rw-r--r-- | frontend-vanilla/src/style.css | 10 |
3 files changed, 3 insertions, 17 deletions
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 */ |
