chore(css): totes .fab-CSS entfernen, alle Seiten nutzen .page-fab
This commit is contained in:
@@ -1135,50 +1135,6 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
/* FAB (Floating Action Button) */
|
|
||||||
.fab {
|
|
||||||
position: fixed;
|
|
||||||
bottom: calc(var(--nav-bottom-height) + var(--safe-area-inset-bottom) + var(--space-4));
|
|
||||||
right: var(--space-4);
|
|
||||||
width: 52px;
|
|
||||||
height: 52px;
|
|
||||||
border-radius: var(--radius-full);
|
|
||||||
background-color: var(--module-accent, var(--color-btn-primary));
|
|
||||||
color: var(--color-text-on-accent);
|
|
||||||
box-shadow: var(--shadow-lg);
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
z-index: calc(var(--z-nav) - 1);
|
|
||||||
transition:
|
|
||||||
transform var(--transition-fast),
|
|
||||||
background-color var(--transition-fast),
|
|
||||||
box-shadow var(--transition-fast);
|
|
||||||
animation: fab-in 0.35s var(--ease-out) backwards;
|
|
||||||
}
|
|
||||||
|
|
||||||
.fab:hover {
|
|
||||||
background-color: color-mix(in srgb, var(--module-accent, var(--color-btn-primary)) 85%, black);
|
|
||||||
transform: scale(1.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fab:active {
|
|
||||||
transform: scale(0.95);
|
|
||||||
}
|
|
||||||
|
|
||||||
.fab:focus-visible {
|
|
||||||
outline: 2px solid var(--color-bg);
|
|
||||||
outline-offset: 2px;
|
|
||||||
box-shadow: 0 0 0 4px var(--color-accent);
|
|
||||||
}
|
|
||||||
|
|
||||||
@media (min-width: 1024px) {
|
|
||||||
.fab {
|
|
||||||
bottom: var(--space-8);
|
|
||||||
width: var(--target-lg);
|
|
||||||
height: var(--target-lg);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* FAB und page-fab ausblenden wenn virtuelle Tastatur offen (nur Mobile) */
|
/* FAB und page-fab ausblenden wenn virtuelle Tastatur offen (nur Mobile) */
|
||||||
@media (max-width: 1023px) {
|
@media (max-width: 1023px) {
|
||||||
|
|||||||
Reference in New Issue
Block a user