aboutsummaryrefslogtreecommitdiffstats
path: root/frontend-vanilla
diff options
context:
space:
mode:
authorAdam Mathes <adam@adammathes.com>2026-02-16 09:37:04 -0800
committerAdam Mathes <adam@trenchant.org>2026-02-16 10:57:38 -0800
commit96e78c5fdfada73d37644083c7580a1d444ed748 (patch)
tree709a94028f4a743495e38ba914688d3c0b949129 /frontend-vanilla
parentc5fdd406503aaedaac5e117e710d7910112af83f (diff)
downloadneko-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')
-rw-r--r--frontend-vanilla/src/main.test.ts9
-rw-r--r--frontend-vanilla/src/main.ts1
-rw-r--r--frontend-vanilla/src/style.css10
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 */