till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-17 09:59:40 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

🐛 fix(calendar): shift FAB buttons when PillNav is in sidebar mode

Browse source 
FAB buttons (calendar icon and new event) are now positioned further
right when PillNav is displayed as a sidebar to avoid overlap.
This commit is contained in:
Till-JS 2025-12-03 12:46:34 +01:00
parent 80f8a0338e
commit 110c6779a8
1 changed files with 7 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

8
apps/calendar/apps/web/src/routes/+page.svelte
View file

@ -7,6 +7,7 @@
import { calendarsStore } from '$lib/stores/calendars.svelte';
import { authStore } from '$lib/stores/auth.svelte';
import { settingsStore } from '$lib/stores/settings.svelte';
import { isSidebarMode as sidebarModeStore } from '$lib/stores/navigation';
import CalendarHeader from '$lib/components/calendar/CalendarHeader.svelte';
import WeekView from '$lib/components/calendar/WeekView.svelte';
import DayView from '$lib/components/calendar/DayView.svelte';
@ -127,7 +128,7 @@
<!-- FAB when sidebar is collapsed -->
{#if settingsStore.sidebarCollapsed}
<div class="sidebar-fab">
<div class="sidebar-fab" class:pill-sidebar={$sidebarModeStore}>
<button
class="fab-expand"
onclick={() => settingsStore.toggleSidebar()}
@ -257,6 +258,11 @@
gap: 0.5rem;
z-index: 50;
animation: fab-slide-in 300ms cubic-bezier(0.4, 0, 0.2, 1);
transition: left 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.sidebar-fab.pill-sidebar {
left: 195px;
}
@keyframes fab-slide-in {