Design: Geruest mit Textmenue, Schublade fuers Handy, Logo; Footer und Einklappen entfallen

Weisses Geruest (.shell, feste Seitenleiste, Dokument-Scroll), Menue als Textliste mit Zaehlern und Serverpuls-Punkt, Schublade mit Scrim und Esc auf dem Handy, Logo-Komponente und Favicon. Footer, Einklappen (lib/sidebar.js) und das alte Menue-CSS (.side*, .app-*) sind entfernt.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
This commit is contained in:
ClaudeandClaude Sonnet 5.5 committed 2026-10-06 06:02:54 +00:00
1 parent c19e19968d
commit 5a0307c9d6
14 files changed
+102 -234

No files matched your search

+1
View File
@@ -17,6 +17,7 @@ test('buildNavLinks: vier Unterpunkte unter Kunden mit Zahlen, Admin-Eintraege n
])
assert.deepEqual(links.map((l) => l.key), ['tickets', 'planboard', 'projects', 'services', 'customers', 'leads', 'legal'])
assert.equal(links.find((l) => l.key === 'leads').paused, true)
assert.equal(kunden.children.find((c) => c.key === 'chat').hot, true)
const admin = buildNavLinks({ isAdmin: true, pulseLevel: 'warn', counts: {} })
assert.deepEqual(admin.map((l) => l.key), ['tickets', 'planboard', 'projects', 'services', 'customers', 'leads', 'finance', 'legal', 'serverpuls', 'admin'])
assert.equal(admin.find((l) => l.key === 'serverpuls').dot, 'warn')
-27
View File
@@ -1,27 +0,0 @@
import test from 'node:test'
import assert from 'node:assert/strict'
import { loadModule } from './load.mjs'
const { startsCollapsed, AUTO_COLLAPSE_MAX_WIDTH } = await loadModule('src/lib/sidebar.js')
// Fenster mit matchMedia, das "(max-width: Npx)" gegen eine feste Breite prueft
const windowOf = (width) => ({
matchMedia: (query) => ({ matches: width <= Number(/max-width:\s*(\d+)px/.exec(query)?.[1]) }),
})
test('startsCollapsed: Handy (390 px) und Grenze (720 px) starten eingeklappt', () => {
assert.equal(AUTO_COLLAPSE_MAX_WIDTH, 720)
assert.equal(startsCollapsed(windowOf(390)), true)
assert.equal(startsCollapsed(windowOf(720)), true)
})
test('startsCollapsed: breitere Fenster starten ausgeklappt', () => {
assert.equal(startsCollapsed(windowOf(721)), false)
assert.equal(startsCollapsed(windowOf(1280)), false)
})
test('startsCollapsed: ohne window oder matchMedia (oder bei Fehler) ausgeklappt', () => {
assert.equal(startsCollapsed(null), false)
assert.equal(startsCollapsed({}), false)
assert.equal(startsCollapsed({ matchMedia: () => { throw new Error('kaputt') } }), false)
})