Update Table Header position

Lessify · Nov 22, 2024 · ec045da · ec045da
1 parent 8befc44
commit ec045da
Show file tree

Hide file tree

Showing 10 changed files with 18 additions and 14 deletions.
diff --git a/src/app/features/admin/spaces/spaces.component.html b/src/app/features/admin/spaces/spaces.component.html
@@ -55,7 +55,7 @@
         </button>
       </mat-cell>
     </ng-container>
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
   </mat-table>
   <mat-paginator></mat-paginator>

diff --git a/src/app/features/admin/users/users.component.html b/src/app/features/admin/users/users.component.html
@@ -99,7 +99,7 @@
         </button>
       </mat-cell>
     </ng-container>
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
   </mat-table>
   <mat-paginator></mat-paginator>

diff --git a/src/app/features/spaces/assets/assets.component.html b/src/app/features/spaces/assets/assets.component.html
@@ -188,7 +188,7 @@
     <!--    </ng-container>-->
 
     <!--    <mat-header-row *matHeaderRowDef="['actions']"></mat-header-row>-->
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row
       *matRowDef="let row; columns: displayedColumns"
       (click)="onRowSelect(row)"

diff --git a/src/app/features/spaces/contents/contents.component.html b/src/app/features/spaces/contents/contents.component.html
@@ -193,7 +193,7 @@
     <!--    </ng-container>-->
 
     <!--    <mat-header-row *matHeaderRowDef="['actions']"></mat-header-row>-->
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns" (click)="onRowSelect(row)"></mat-row>
   </mat-table>
   <mat-paginator></mat-paginator>

diff --git a/src/app/features/spaces/schemas/schemas.component.html b/src/app/features/spaces/schemas/schemas.component.html
@@ -103,7 +103,7 @@
         </div>
       </mat-cell>
     </ng-container>
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns" (click)="onRowSelect(row)"></mat-row>
   </mat-table>
   <mat-paginator></mat-paginator>

diff --git a/src/app/features/spaces/settings/locales/locales.component.html b/src/app/features/spaces/settings/locales/locales.component.html
@@ -53,7 +53,7 @@
         </button>
       </mat-cell>
     </ng-container>
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
   </mat-table>
   <mat-paginator></mat-paginator>

diff --git a/src/app/features/spaces/settings/tokens/tokens.component.html b/src/app/features/spaces/settings/tokens/tokens.component.html
@@ -42,7 +42,7 @@
         </button>
       </mat-cell>
     </ng-container>
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
   </mat-table>
   <mat-paginator></mat-paginator>

diff --git a/src/app/features/spaces/tasks/tasks.component.html b/src/app/features/spaces/tasks/tasks.component.html
@@ -130,7 +130,7 @@
         </button>
       </mat-cell>
     </ng-container>
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns"></mat-row>
   </mat-table>
   <mat-paginator></mat-paginator>

diff --git a/src/app/shared/components/references-select-dialog/references-select-dialog.component.html b/src/app/shared/components/references-select-dialog/references-select-dialog.component.html
@@ -42,17 +42,17 @@ <h2 mat-dialog-title>Contents</h2>
       </mat-cell>
     </ng-container>
     <ng-container matColumnDef="name">
-      <mat-header-cell *matHeaderCellDef mat-sort-header="name"> Name</mat-header-cell>
+      <mat-header-cell *matHeaderCellDef> Name</mat-header-cell>
       <mat-cell *matCellDef="let element">
         {{ element.name }}
       </mat-cell>
     </ng-container>
     <ng-container matColumnDef="slug">
-      <mat-header-cell *matHeaderCellDef mat-sort-header="slug"> Slug</mat-header-cell>
+      <mat-header-cell *matHeaderCellDef> Slug</mat-header-cell>
       <mat-cell *matCellDef="let element"> {{ element.slug }}</mat-cell>
     </ng-container>
     <ng-container matColumnDef="schema">
-      <mat-header-cell *matHeaderCellDef mat-sort-header="schema"> Schema</mat-header-cell>
+      <mat-header-cell *matHeaderCellDef> Schema</mat-header-cell>
       <mat-cell *matCellDef="let element">
         @if (element.kind === 'DOCUMENT') {
           @if (schemasMapById().get(element.schema); as schema) {
@@ -64,18 +64,18 @@ <h2 mat-dialog-title>Contents</h2>
       </mat-cell>
     </ng-container>
     <ng-container matColumnDef="updatedAt">
-      <mat-header-cell *matHeaderCellDef mat-sort-header="updatedAt"> Updated At</mat-header-cell>
+      <mat-header-cell *matHeaderCellDef> Updated At</mat-header-cell>
       <mat-cell *matCellDef="let element" [matTooltip]="element.updatedAt?.toDate() | date: 'medium'">
         {{ element.updatedAt?.toDate() | date: 'mediumDate' }}
       </mat-cell>
     </ng-container>
 
-    <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
+    <mat-header-row *matHeaderRowDef="displayedColumns; sticky: true"></mat-header-row>
     <mat-row *matRowDef="let row; columns: displayedColumns" (click)="onRowSelect(row)"></mat-row>
   </mat-table>
-  <mat-paginator></mat-paginator>
 </mat-dialog-content>
 <mat-dialog-actions align="end">
+  <mat-paginator></mat-paginator>
   <button mat-button [mat-dialog-close]="undefined">Close</button>
   <button mat-stroked-button color="primary" [mat-dialog-close]="selection.selected" [disabled]="selection.isEmpty()">
     @if (selection.selected.length > 1) {

diff --git a/src/app/shared/components/references-select-dialog/references-select-dialog.component.scss b/src/app/shared/components/references-select-dialog/references-select-dialog.component.scss
@@ -2,6 +2,10 @@ table {
   width: 100%;
 }
 
+mat-dialog-content {
+  @apply pt-0 #{!important};
+}
+
 mat-row {
   cursor: pointer;
 }