teams: smoother roles and tasks (fixes #7966)(fixes #8239) (#8240)

Co-authored-by: dogi <dogi@users.noreply.github.com>
open-learning-exchange · Feb 17, 2025 · c090614 · c090614
1 parent 0de5653
commit c090614
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 5 deletions.
diff --git a/package.json b/package.json
@@ -1,10 +1,10 @@
 {
   "name": "planet",
   "license": "AGPL-3.0",
-  "version": "0.17.16",
+  "version": "0.17.17",
   "myplanet": {
-    "latest": "v0.23.5",
-    "min": "v0.22.5"
+    "latest": "v0.23.8",
+    "min": "v0.22.8"
   },
   "scripts": {
     "ng": "ng",

diff --git a/src/app/teams/teams-member.component.html b/src/app/teams/teams-member.component.html
@@ -10,7 +10,7 @@
       {{ member?.doc?.leadershipTitle | slice:0:40 }}
       <span *ngIf="member?.doc?.leadershipTitle.length > 40">...</span>
     </p>
-    <p class="primary-text-color" *ngIf="member?.role">{{member?.role}}</p>
+    <p class="primary-text-color role-text" *ngIf="member?.role">{{ truncateText(member?.role) }}</p>
   </mat-card-subtitle>
   <button *ngIf="actionMenu.length" class="top-right-icon" mat-icon-button [matMenuTriggerFor]="memberMenu">
     <mat-icon>more_vert</mat-icon>

diff --git a/src/app/teams/teams-member.component.ts b/src/app/teams/teams-member.component.ts
@@ -12,8 +12,12 @@ import { UserProfileDialogComponent } from '../users/users-profile/users-profile
     .mat-list-item-disabled {
       background-color: white;
     }
+    .mat-card-subtitle p.role-text {
+      min-height: 35px;
+    }
     .mat-card-tasks {
-      padding-top: 20px;
+      max-height: 70px;
+      overflow: hidden;
     }
     .mat-caption {
       font-size: 16px;
@@ -71,4 +75,9 @@ export class TeamsMemberComponent implements OnInit, OnChanges {
     });
   }
 
+  truncateText(text: string, maxLength: number = 70): string {
+    if (!text) { return ''; }
+    return text.length > maxLength ? text.slice(0, maxLength) + '...' : text;
+  }
+
 }