fix: wrap long text in the panels with checkboxes in the works section

see the issue for details fixes issue #1112
ORCID · Sep 13, 2021 · d056b36 · d056b36
1 parent ce1cdd2
commit d056b36
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/src/app/cdk/panel/panel/panel.component.html b/src/app/cdk/panel/panel/panel.component.html
@@ -23,6 +23,7 @@
 
   <div *ngIf="selectable">
     <mat-checkbox
+      class="text-wrap"
       *ngIf="selectable && !isPublicRecord"
       (change)="checked($event)"
       [ngModel]="selected"

diff --git a/src/app/cdk/panel/panel/panel.component.scss b/src/app/cdk/panel/panel/panel.component.scss
@@ -84,3 +84,9 @@ div.hide:hover {
     margin-top: 4px;
   }
 }
+
+mat-checkbox.text-wrap {
+  ::ng-deep label.mat-checkbox-layout {
+    white-space: normal;
+  }
+}