Skip to content

Commit 5cd955d

Browse files
authored
Add strikethrough to deleted tables (#1325)
Make it easier to see which issues are deleted Allow for further differentiation between issues that the user wants and doesn't want by striking-through all text in the table. This helps to give a visual difference between the un-deleted issues, which should prevent confusion when the table headers are not visible. Styles are applied via CSS override when referencing the component in CSS, using ::ng-deep.
1 parent 0997768 commit 5cd955d

File tree

4 files changed

+12
-0
lines changed

4 files changed

+12
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
::ng-deep .text-strike-through > mat-table {
2+
mat-row {
3+
text-decoration: line-through;
4+
}
5+
}

src/app/phase-bug-reporting/issues-deleted/issues-deleted.component.html

+1
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ <h1 class="mat-headline" style="margin: 0px">
1616
</mat-grid-list>
1717

1818
<app-issue-tables
19+
class="text-strike-through"
1920
table_name="tableBugReporting"
2021
[headers]="this.displayedColumns"
2122
[actions]="this.actionButtons"
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
::ng-deep .text-strike-through > mat-table {
2+
mat-row {
3+
text-decoration: line-through;
4+
}
5+
}

src/app/phase-bug-trimming/issues-deleted/issues-deleted.component.html

+1
Original file line numberDiff line numberDiff line change
@@ -16,6 +16,7 @@ <h1 class="mat-headline" style="margin: 0px">
1616
</mat-grid-list>
1717

1818
<app-issue-tables
19+
class="text-strike-through"
1920
table_name="tableBugReporting"
2021
[headers]="this.displayedColumns"
2122
[actions]="this.actionButtons"

0 commit comments

Comments
 (0)