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
+16 -14
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,22 +212,23 @@
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) {
#btn-new-task,
#notes-add-btn,
#contacts-add-btn,
#budget-add,
#cal-add {
display: none !important;
}
/* Toolbar-"Neu"-Buttons überall verstecken FAB übernimmt */
#btn-new-task,
#notes-add-btn,
#contacts-add-btn,
#budget-add,
#cal-add {
display: none !important;
}
/* ================================================================
+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 {