perf: extension detail scrollbar style

Postcatlab · Jun 29, 2022 · a3fd768 · a3fd768
1 parent 8c76192
commit a3fd768
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/src/workbench/browser/src/app/pages/extension/detail/extension-detail.component.html b/src/workbench/browser/src/app/pages/extension/detail/extension-detail.component.html
@@ -1,6 +1,6 @@
 <div class="py-3 extension-detail">
   <div class="sticky top-0 z-50 bg-white">
-    <div class="py-4 ">
+    <div class="pb-3">
       <a nz-button nzType="link" (click)="backToList()">
         <i nz-icon nzType="left" nzTheme="outline"></i>Back
       </a>
@@ -24,7 +24,7 @@
         </div>
       </div>
     </div>
-    <div class="flex w-full mt-6">
+    <div class="flex w-full mt-6 h-[calc(100vh-350px)]">
       <div class="flex-auto">
         <h2 class="text-lg font-bold">Intro</h2>
         <!-- <nz-divider></nz-divider> -->

diff --git a/src/workbench/browser/src/app/pages/extension/detail/extension-detail.component.scss b/src/workbench/browser/src/app/pages/extension/detail/extension-detail.component.scss
@@ -9,6 +9,12 @@
 
 .markdown-desc {
   overflow: auto;
+  &::-webkit-scrollbar {
+    width:0;
+ }
+ &:hover::-webkit-scrollbar {
+    width:8px;
+  }
 }
 
 .ant-descriptions-row > td {

diff --git a/src/workbench/browser/src/app/pages/extension/extension.component.html b/src/workbench/browser/src/app/pages/extension/extension.component.html
@@ -6,7 +6,7 @@
         (ngModelChange)="onSeachChange($event)" />
     </div>
     <!-- Fixed Group -->
-    <div class="group_container fixed_group_tree ">
+    <div class="group_container ">
       <nz-tree [nzData]="fixedTreeNode" [nzSelectedKeys]="nzSelectedKeys" nzBlockNode (nzClick)="clickTreeItem($event)"
         [nzTreeTemplate]="nzFixedTreeTemplate"></nz-tree>
       <ng-template #nzFixedTreeTemplate let-node let-origin="origin">