From d232cc80ea7a56e737db9fae8d94d41341c470a4 Mon Sep 17 00:00:00 2001
From: "Hartung, Michael" <michael.hartung@uni-hamburg.de>
Date: Fri, 21 Oct 2022 10:42:17 +0200
Subject: [PATCH] short too long uniprot IDs

---
 src/app/pages/explorer-page/explorer-page.component.html   | 2 +-
 src/app/pages/explorer-page/explorer-page.component.scss   | 7 +++++++
 .../group-selection/group-selection.component.ts           | 1 -
 3 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/pages/explorer-page/explorer-page.component.html b/src/app/pages/explorer-page/explorer-page.component.html
index f6d1342f..448d781b 100644
--- a/src/app/pages/explorer-page/explorer-page.component.html
+++ b/src/app/pages/explorer-page/explorer-page.component.html
@@ -448,7 +448,7 @@
                     <td *ngIf="drugstoneConfig.config.identifier !== 'symbol'">
                       <p>{{ p.data.symbol }}</p>
                     </td>
-                    <td *ngIf="drugstoneConfig.config.identifier !== 'uniprot'">
+                    <td *ngIf="drugstoneConfig.config.identifier !== 'uniprot'" class="uniprot" title="{{p.data.uniprotAc}}">
                       <p>{{ p.data.uniprotAc }}</p>
                     </td>
                     <td>
diff --git a/src/app/pages/explorer-page/explorer-page.component.scss b/src/app/pages/explorer-page/explorer-page.component.scss
index 942baac3..323dcfd3 100644
--- a/src/app/pages/explorer-page/explorer-page.component.scss
+++ b/src/app/pages/explorer-page/explorer-page.component.scss
@@ -109,3 +109,10 @@
 .task-list-container {
   padding: 0.5rem !important;
 }
+
+.uniprot p {
+    max-width: 50px;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
\ No newline at end of file
diff --git a/src/app/pages/explorer-page/group-selection/group-selection.component.ts b/src/app/pages/explorer-page/group-selection/group-selection.component.ts
index 52baf2c8..f81a6557 100644
--- a/src/app/pages/explorer-page/group-selection/group-selection.component.ts
+++ b/src/app/pages/explorer-page/group-selection/group-selection.component.ts
@@ -20,7 +20,6 @@ export class GroupSelectionComponent implements OnInit {
   @Output() selectGroupEmitter: EventEmitter<NodeGroup> = new EventEmitter();
   @Input() set nodeGroups(value: { string: NodeGroup }) {
     this._nodeGroupsList = Object.values(value).filter(nodeGroup => !this.unselecableGroups.includes(nodeGroup.groupName));
-    console.log(this._nodeGroupsList)
   }
   public selectedGroup = null;
 
-- 
GitLab