feat: add ellipsis

Postcatlab · Jul 13, 2022 · 96cff78 · 96cff78
1 parent 77d9087
commit 96cff78
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/workbench/browser/src/app/shared/components/env-list/env-list.component.ts b/src/workbench/browser/src/app/shared/components/env-list/env-list.component.ts
@@ -9,8 +9,8 @@ import { StorageService } from '../../services/storage';
     <span class="text-gray-400">Environment variable</span>
     <!-- <span class="my-2">{{ item.name }}</span> -->
     <div *ngFor="let it of envParams" class="flex items-center justify-between h-8">
-      <span class="w-1/3 text-gray-500">{{ it.name }}</span>
-      <span class="w-2/3 text-gray-500">{{ it.description }}</span>
+      <span class="px-1 w-1/3 text-gray-500 text-ellipsis overflow-hidden">{{ it.name }}</span>
+      <span class="px-1 w-2/3 text-gray-500 text-ellipsis overflow-hidden">{{ it.value }}</span>
     </div>
   </div>`,
   styleUrls: [],
@@ -27,7 +27,7 @@ export class EnvListComponent implements OnInit {
     const envList = (await this.getAllEnv()) as [];
     const [env]: any[] = envList.filter((it: any) => it.uuid === uuid);
     console.log(env, envList);
-    this.envParams = env.parameters.filter((it: any) => it.name && it.value);
+    this.envParams = env.parameters;
   }
   getAllEnv(uuid?: number) {
     const projectID = 1;