From 202db1d200c6c3f17a290958ee8bceb140c638e6 Mon Sep 17 00:00:00 2001
From: Daria Golova <danalis969@gmail.com>
Date: Wed, 9 Nov 2022 17:35:31 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A1=D0=BA=D1=80=D1=8B=D0=BB=D0=B0=20=D0=BA?=
 =?UTF-8?q?=D0=B0=D1=82=D1=83=D1=88=D0=BA=D1=83=20=D0=B2=D1=80=D0=B5=D0=BC?=
 =?UTF-8?q?=D0=B5=D0=BD=D0=B8=20=D0=BF=D0=BE=D0=B4=20=D1=85=D0=B5=D0=B4?=
 =?UTF-8?q?=D0=B5=D1=80=D0=BE=D0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/calendar/components/CalendarSchedule.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/src/pages/calendar/components/CalendarSchedule.vue b/src/pages/calendar/components/CalendarSchedule.vue
index b857fac..d563513 100644
--- a/src/pages/calendar/components/CalendarSchedule.vue
+++ b/src/pages/calendar/components/CalendarSchedule.vue
@@ -9,7 +9,8 @@
       @next-date="nextDate"
       @selected-layout="selectedLayout"
     )
-    .schedule-body
+    .schedule-body(@scroll="changeScrollingState")
+      .hiding-container.fixed(v-if="isScrolling")
       .column-wrapper.flex.ml-20(:style="columnWrapperWidth")
         calendar-column(
           v-for="(owner, index) in filteredOwners"
@@ -115,6 +116,7 @@ export default {
       columnHeaderHeight: 48,
       defaultColumnWidth: 470,
       selectedEvent: {},
+      isScrolling: false,
     };
   },
   computed: {
@@ -315,6 +317,9 @@ export default {
     transmitUpdateEvents() {
       this.$emit("update-events");
     },
+    changeScrollingState(e) {
+      this.isScrolling = e.target.scrollTop !== 0;
+    },
   },
   watch: {
     currentTime() {
@@ -389,4 +394,11 @@ export default {
   height: calc(100vh - 56px - 8px - 56px)
   overflow-y: auto
   overflow-x: auto
+
+.hiding-container
+  width: 80px
+  height: 48px
+  top: calc(56px * 2 + 8px)
+  background-color: var(--default-white)
+  z-index: 6
 </style>