fix(scroll): parametrize overscroll

Author: dvcol

src/components/common/list/ListScroll.vue

@@ -56,6 +56,13 @@ const props = defineProps({
     type: Boolean,
     required: false,
   },
+  overscroll: {
+    type: String as PropType<
+      'auto' | 'contain' | 'none' | 'initial' | 'unset' | 'inherit'
+    >,
+    required: false,
+    default: 'auto',
+  },
   contentHeight: {
     type: Number,
     required: false,
@@ -179,6 +186,7 @@ const showPoster = computed(() => !hidePoster?.value && !isTiny.value);
       v-if="!isEmpty"
       ref="listRef"
       class="list-scroll"
+      :style="{ '--overscroll-behavior': overscroll }"
       :data-length="items.length"
       :data-page-size="pageSize"
       :item-size="listItemSize"
@@ -270,7 +278,7 @@ const showPoster = computed(() => !hidePoster?.value && !isTiny.value);
   }
 
   :deep(.v-vl) {
-    overscroll-behavior: none;
+    overscroll-behavior: var(--overscroll-behavior, auto);
   }
 }
 </style>

src/components/views/calendar/CalendarComponent.vue

@@ -71,6 +71,7 @@ const { onItemClick } = usePanelItem();
       backdrop
       show-played
       show-collected
+      overscroll="none"
       :scroll-into-view="centerItem?.id ? [centerItem?.id] : []"
       @on-item-click="onItemClick"
       @on-scroll-into-view="e => onScrollIntoOutOfView(false, e.ref)"

src/components/views/releases/ReleasesComponent.vue

@@ -70,6 +70,7 @@ const onMovieClick = async ({ item }: { item: ListScrollItem }) => {
       :loading="loading"
       :content-height="3"
       hide-time
+      overscroll="none"
       :scroll-into-view="centerItem?.id ? [centerItem?.id] : []"
       @on-item-click="onMovieClick"
       @on-scroll-into-view="e => onScrollIntoOutOfView(false, e.ref)"