Resolve an issue that made links hard to see in ticket activity from …

…support personnel. Slight refactor of related CSS.
cmu-sei · Jan 3, 2024 · 796dd64 · 796dd64
1 parent 2cb874a
commit 796dd64
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 10 deletions.
diff --git a/projects/gameboard-ui/src/app/support/ticket-details/ticket-details.component.html b/projects/gameboard-ui/src/app/support/ticket-details/ticket-details.component.html
@@ -137,7 +137,7 @@ <h4 class="mt-2 d-flex justify-content-between">
         </div>
 
         <div *ngIf="!!ctx.ticket.activity" class="mx-md-4 mx-0">
-          <div *ngFor="let activity of ctx.ticket.activity; let i = index;" class="border-dark1 border-top1 ">
+          <div *ngFor="let activity of ctx.ticket.activity; let i = index;" class="border-dark1 border-top1">
             <div class="card my-3 mx-3" *ngIf="activity.type == 0"> <!-- Comment -->
               <div class="card-header py-2">
                 <div>
@@ -152,8 +152,7 @@ <h4 class="mt-2 d-flex justify-content-between">
                 </div>
               </div>
               <div class="card-body"
-                [class.bg-light]="activity.user.isSupportPersonnel && !ctx.ticket.creator?.isSupportPersonnel"
-                [class.text-dark]="activity.user.isSupportPersonnel && !ctx.ticket.creator?.isSupportPersonnel">
+                [class.is-support-personnel-activity]="activity.user.isSupportPersonnel && !ctx.ticket.creator?.isSupportPersonnel">
                 <app-long-content-hider>
                   <p class="card-text">
                     <app-render-links-in-text [text]="activity.message"></app-render-links-in-text>
@@ -186,8 +185,8 @@ <h4 class="mt-2 d-flex justify-content-between">
                 </div>
               </span>
             </div>
-            <div class="my-3 mx-3 px-3 border-0 text-center" *ngIf="activity.type == 2"> <!-- Assignee Change -->
-              <span class="text-center  py-2 d-flex rounded" style="background: black">
+            <div class="my-3 px-3 border-0 text-center" *ngIf="activity.type == 2"> <!-- Assignee Change -->
+              <span class="text-center py-2 px-3 d-flex rounded" style="background: black">
                 <span *ngIf="!!activity.assigneeId">Assigned to&nbsp;<span
                     class="font-weight-bold">{{activity.assignee.approvedName}}</span>
                   <div style="display: inline-block" [tooltip]="activity.timestamp | shorttime: true : true"

diff --git a/projects/gameboard-ui/src/app/support/ticket-details/ticket-details.component.scss b/projects/gameboard-ui/src/app/support/ticket-details/ticket-details.component.scss
@@ -3,14 +3,26 @@
 .card {
   border: 1px solid #222;
 }
+
 .card-body {
   background-color: #111;
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
+
+  &.is-support-personnel-activity {
+    background-color: #999999 !important;
+    color: #303030 !important;
+
+    ::ng-deep a {
+        color: #2c753b !important;
+    }
+  }
 }
+
 .card-footer {
   background-color: #111;
 }
+
 .card-header {
   background-color: #222;
   border: #222;
@@ -25,19 +37,21 @@ textarea {
   height: 120px;
   overflow: hidden;
 }
+
 .no-preview-icon {
   font-size: 50px;
 }
+
 .no-preview-text {
   font-size: 12px;
 }
+
 .summary-break {
   overflow-wrap: break-word;
   word-wrap: break-word;
   word-break: break-word;
 }
 
-
 .attachment {
   cursor: pointer;
   img {
@@ -57,12 +71,11 @@ textarea {
 ::-webkit-scrollbar-thumb:hover {
   background: darken($dark, 5%); 
 }
+
 ::-webkit-scrollbar-corner {
   background: rgba(0, 0, 0, 0); 
 }
-// ::-webkit-resizer{
-
-// }
+
 .dark-textarea:focus-visible, .dark-textarea:focus {
   outline: none;
   box-shadow: none;

diff --git a/projects/gameboard-ui/src/app/support/ticket-details/ticket-details.component.ts b/projects/gameboard-ui/src/app/support/ticket-details/ticket-details.component.ts
@@ -9,7 +9,7 @@ import { debounceTime, switchMap, tap, filter, map, first } from 'rxjs/operators
 import { PlayerService } from '../../api/player.service';
 import { AttachmentFile, ChangedTicket, Ticket, TicketActivity } from '../../api/support-models';
 import { SupportService } from '../../api/support.service';
-import { ApiUser, UserSummary } from '../../api/user-models';
+import { ApiUser } from '../../api/user-models';
 import { UserService } from '../../api/user.service';
 import { EditData, SuggestionOption } from '../../utility/components/inplace-editor/inplace-editor.component';
 import { UserService as LocalUserService } from '../../utility/user.service';