From 14d21fb29783ef3ec9ee7335ae6a940b6ddfc963 Mon Sep 17 00:00:00 2001
From: lizerk <lizerk-dev@gmail.com>
Date: Tue, 14 Apr 2026 23:56:37 +0300
Subject: [PATCH] fix(ui): pin desktop calendar sidebar

---
 frontend/src/components/AppShell.tsx                 |  1 +
 frontend/src/components/calendar/CalendarSidebar.tsx | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/AppShell.tsx b/frontend/src/components/AppShell.tsx
index 5f561387..59c416c9 100644
--- a/frontend/src/components/AppShell.tsx
+++ b/frontend/src/components/AppShell.tsx
@@ -469,6 +469,7 @@ export function AppShell({ children }: AppShellProps) {
             setEventsRefreshTrigger={cal.handleSetEventsRefreshTrigger}
             setSidebarEvents={cal.handleSetSidebarEvents}
             onCalendarChange={cal.handleCalendarChange}
+            fixedDesktop={!isMessageDialogPage}
           />
         </div>
 
diff --git a/frontend/src/components/calendar/CalendarSidebar.tsx b/frontend/src/components/calendar/CalendarSidebar.tsx
index 5938524c..26c5abbc 100644
--- a/frontend/src/components/calendar/CalendarSidebar.tsx
+++ b/frontend/src/components/calendar/CalendarSidebar.tsx
@@ -15,16 +15,22 @@ interface CalendarSidebarProps {
   setEventsRefreshTrigger: (value: number | ((prev: number) => number)) => void;
   setSidebarEvents: (events: CalendarEvent[]) => void;
   onCalendarChange: (calendarId: number | null) => void;
+  fixedDesktop?: boolean;
 }
 
 /**
  * Обертка для календаря в правом сайдбаре (десктоп)
  */
 export const CalendarSidebar = memo(function CalendarSidebar(props: CalendarSidebarProps) {
+  const { fixedDesktop = false, ...calendarProps } = props;
   return (
     <aside className="hidden w-72 flex-shrink-0 space-y-4 lg:block">
-      <div className="sticky top-8 space-y-4 lg:pb-2 max-h-[calc(100vh-7.5rem)] overflow-y-auto">
-        <CalendarCard {...props} />
+      <div
+        className={`space-y-4 lg:max-h-[calc(100vh-7.5rem)] lg:overflow-y-auto lg:pb-2 ${
+          fixedDesktop ? "lg:fixed lg:top-[5.5rem] lg:w-72" : "lg:sticky lg:top-8"
+        }`}
+      >
+        <CalendarCard {...calendarProps} />
       </div>
     </aside>
   );