aboutsummaryrefslogtreecommitdiffstats
path: root/frontend-vanilla
diff options
context:
space:
mode:
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 */