fix: mock table list overflow hidden

Postcatlab · Aug 3, 2022 · 3ca968c · 3ca968c
1 parent d5acfe6
commit 3ca968c
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 17 deletions.
diff --git a/src/workbench/browser/src/app/pages/api/detail/mock/api-detail-mock.component.html b/src/workbench/browser/src/app/pages/api/detail/mock/api-detail-mock.component.html
@@ -1,18 +1,8 @@
-<eo-table
-  class="w-full"
-  [(model)]="mocklList"
-  [columns]="mockListColumns"
-  [dataModel]="{ name: '', value: '', description: '' }"
->
+<eo-table class="w-full" [(model)]="mocklList" [columns]="mockListColumns"
+  [dataModel]="{ name: '', value: '', description: '' }">
   <ng-template cell="url" let-scope="scope" let-index="index">
-    <span
-      i18n-nzTooltipTitle
-      nzTooltipTitle="Click to Copy"
-      nzTooltipPlacement="top"
-      nz-tooltip
-      (click)="copyText(scope.url)"
-      class="truncate"
-    >
+    <span i18n-nzTooltipTitle nzTooltipTitle="Click to Copy" nzTooltipPlacement="top" nz-tooltip
+      (click)="copyText(scope.url)">
       {{ scope.url }}
     </span>
   </ng-template>

diff --git a/src/workbench/browser/src/app/pages/api/mock/api-mock.component.html b/src/workbench/browser/src/app/pages/api/mock/api-mock.component.html
@@ -4,11 +4,11 @@
   <div class="mt-[20px]">
     <eo-table [(model)]="mocklList" [columns]="mockListColumns" [dataModel]="{ name: '', value: '', description: '' }">
       <ng-template cell="name" let-scope="scope" let-index="index">
-        <div class="truncate w-[120px]">{{ scope.name }}</div>
+        <div class=" w-[120px]">{{ scope.name }}</div>
       </ng-template>
       <ng-template cell="url" let-scope="scope" let-index="index">
         <span i18n-nzTooltipTitle nzTooltipTitle="Click to Copy" nzTooltipPlacement="top" nz-tooltip
-          (click)="copyText(scope.url)" class="truncate">
+          (click)="copyText(scope.url)">
           {{ scope.url }}
         </span>
       </ng-template>

diff --git a/src/workbench/browser/src/app/shared/components/monaco-editor/monaco-editor.component.scss b/src/workbench/browser/src/app/shared/components/monaco-editor/monaco-editor.component.scss
@@ -6,9 +6,10 @@
   flex-direction: column;
   height: 100%;
   overflow: hidden;
+  border: 1px solid var(--BORDER);
 }
 .button_list {
-  border: 1px solid var(--BORDER);
+  border-bottom: 1px solid var(--BORDER);
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
   width: 100%;