fix: extension detail skeleton not show

weirui88888 · Feb 17, 2023 · 2059912 · 2059912
1 parent 11bc7ba
commit 2059912
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 2 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
@@ -81,7 +81,7 @@
       <!-- Details -->
       <eo-ng-tab i18n-nzTitle="@@ExtensionDetail" nzTitle="Details">
         <div class="h-full overflow-auto tab-content-container pt-[10px]">
-          <nz-skeleton [nzLoading]="introLoading" [nzActive]="true">
+          <nz-skeleton [nzLoading]="introLoading" [nzActive]="true" [class]="{ loading: introLoading }">
             <eo-shadow-dom class="md-preview" [text]="extensionDetail.introduction" [options]="{ html: true }"> </eo-shadow-dom>
           </nz-skeleton>
         </div>

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
@@ -23,7 +23,7 @@
   .ant-skeleton {
     display: block;
 
-    &[ng-reflect-nz-loading='true'] {
+    &.loading {
       display: table;
     }
   }

diff --git a/src/workbench/browser/src/app/pages/extension/extension.component.scss b/src/workbench/browser/src/app/pages/extension/extension.component.scss
@@ -5,6 +5,12 @@
   width: 100%;
   height: 100%;
 
+  eo-ng-tree-default {
+    height: calc(62vh - 32px);
+    overflow: auto;
+    display: block;
+  }
+
   eo-ng-auto-complete input {
     border-radius: 999px;
   }

diff --git a/src/workbench/browser/src/app/pages/extension/extension.component.ts b/src/workbench/browser/src/app/pages/extension/extension.component.ts
@@ -91,6 +91,7 @@ export class ExtensionComponent implements OnInit {
     }
     this.selectExtension('');
     this.setGroup(key);
+    this.nzSelectedKeys = [key];
   }
 
   @action setGroup(data) {