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:
+16
-14
@@ -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;
|
||||
}
|
||||
|
||||
/* ================================================================
|
||||
|
||||
@@ -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 {
|
||||
|
||||
Reference in New Issue
Block a user