fix(tags): scroll

massCodeIO · Apr 8, 2022 · b060225 · b060225
1 parent 889624f
commit b060225
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/src/renderer/components/sidebar/SidebarList.vue b/src/renderer/components/sidebar/SidebarList.vue
@@ -2,7 +2,8 @@
   <div
     class="sidebar-list"
     :class="{
-      'is-scrollable': isScrollable
+      'is-scrollable': isScrollable || modelValue === 'tags',
+      'is-tags': modelValue === 'tags'
     }"
   >
     <div class="sidebar-list__header">
@@ -25,10 +26,11 @@
       </div>
     </div>
     <div
+      ref="listRef"
       class="body"
       :class="{ 'is-system': isSystem }"
     >
-      <PerfectScrollbar v-if="isScrollable">
+      <PerfectScrollbar v-if="isScrollable || modelValue === 'tags'">
         <div class="inner">
           <slot />
         </div>
@@ -53,6 +55,7 @@ interface Props {
   modelValue?: Tab
   isSystem?: boolean
   isScrollable?: boolean
+  type?: 'folders' | 'tags'
 }
 
 interface Emits {
@@ -90,6 +93,11 @@ const onClickTab = (tab: Tab) => {
     :deep(.ps) {
       height: calc(100vh - 190px);
     }
+    &.is-tags {
+      :deep(.ps) {
+        height: calc(100vh - 50px);
+      }
+    }
   }
   &__header {
     display: flex;

diff --git a/src/renderer/components/sidebar/TheSidebar.vue b/src/renderer/components/sidebar/TheSidebar.vue
@@ -37,6 +37,7 @@
       v-if="activeTab === 'library'"
       :is-scrollable="true"
       title="Folders"
+      type="folders"
     >
       <template #action>
         <UniconsPlus @click="onAddNewFolder" />