fix: Notizen-Leerstate zentrieren + FAB auf Desktop und Mobile einheitlich

- notes-empty: column-span:all für korrekte Zentrierung im Multicolumn-Layout
- Inline-Style grid-column entfernt (wirkte nicht bei CSS columns)
- FAB jetzt auch auf Desktop sichtbar (48px, unten rechts)
- Toolbar-"Neu"-Buttons auf allen Breakpoints versteckt — FAB ist einziger
  Erstellen-Button, kein Design-Bruch mehr zwischen Mobile und Desktop
- Service Worker Cache v15

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
ulsklyc
2026-03-26 08:02:11 +01:00
parent c8c39930b5
commit e19df38e89
4 changed files with 21 additions and 19 deletions
+1 -1
View File
@@ -86,7 +86,7 @@ function renderGrid() {
if (!state.notes.length) {
grid.innerHTML = `
<div class="notes-empty" style="columns:unset;grid-column:1/-1;">
<div class="notes-empty">
<i data-lucide="sticky-note" class="notes-empty__icon"></i>
<div style="font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);">Noch keine Notizen</div>
<div style="font-size:var(--text-sm);">Klicke auf „Neue Notiz" um loszulegen.</div>
+10 -8
View File
@@ -178,10 +178,11 @@
}
/* --------------------------------------------------------
* Page FAB — Schwebender Erstellen-Button (nur Mobile/Tablet)
* Page FAB — Schwebender Erstellen-Button (alle Breakpoints)
*
* Einheitlicher FAB auf Unterseiten. Auf Desktop versteckt,
* da der Toolbar-Button dort gut erreichbar ist.
* Einheitlicher runder Plus-Button auf allen Unterseiten.
* Mobile: über der Bottom-Nav. Desktop: unten rechts im Content.
* Toolbar-"Neu"-Buttons werden überall versteckt.
* -------------------------------------------------------- */
.page-fab {
position: fixed;
@@ -211,15 +212,17 @@
transform: scale(0.92);
}
/* Auf Desktop: FAB verstecken, Toolbar-Button reicht */
/* Desktop: FAB Position anpassen (keine Bottom-Nav) und etwas kleiner */
@media (min-width: 1024px) {
.page-fab {
display: none;
bottom: var(--space-8);
right: var(--space-8);
width: 48px;
height: 48px;
}
}
/* Auf Mobile: Toolbar-"Neu"-Buttons verstecken, FAB übernimmt */
@media (max-width: 1023px) {
/* Toolbar-"Neu"-Buttons überall verstecken FAB übernimmt */
#btn-new-task,
#notes-add-btn,
#contacts-add-btn,
@@ -227,7 +230,6 @@
#cal-add {
display: none !important;
}
}
/* ================================================================
* Sidebar Navigation — Desktop (≥ 1024px)
+1 -1
View File
@@ -202,8 +202,8 @@
justify-content: center;
padding: var(--space-12) var(--space-6);
text-align: center;
flex: 1;
color: var(--color-text-secondary);
column-span: all; /* Multicolumn: volle Breite */
}
.notes-empty__icon {
+3 -3
View File
@@ -12,9 +12,9 @@
* API: Immer Netzwerk (kein Caching von Nutzerdaten)
*/
const SHELL_CACHE = 'oikos-shell-v14';
const PAGES_CACHE = 'oikos-pages-v14';
const ASSETS_CACHE = 'oikos-assets-v14';
const SHELL_CACHE = 'oikos-shell-v15';
const PAGES_CACHE = 'oikos-pages-v15';
const ASSETS_CACHE = 'oikos-assets-v15';
const ALL_CACHES = [SHELL_CACHE, PAGES_CACHE, ASSETS_CACHE];
// App-Shell: sofort benötigt für ersten Render