Update Dialog panel class

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

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/functions/src/utils/security-utils.ts b/functions/src/utils/security-utils.ts
@@ -1,6 +1,6 @@
 import { AuthData } from 'firebase-functions/lib/common/providers/https';
 import { ROLE_ADMIN, ROLE_CUSTOM } from '../config';
-import { UserPermission } from '../models/user.model';
+import { UserPermission } from '../models';
 
 /**
  * Check roles of authenticated user

diff --git a/src/app/shared/components/assets-select-dialog/assets-select-dialog.component.html b/src/app/shared/components/assets-select-dialog/assets-select-dialog.component.html
@@ -50,7 +50,7 @@ <h2 mat-dialog-title>Assets</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">
         <div>
           <div class="break-all">{{ element.name }}{{ element.extension }}</div>
@@ -65,21 +65,21 @@ <h2 mat-dialog-title>Assets</h2>
       </mat-cell>
     </ng-container>
     <ng-container matColumnDef="size">
-      <mat-header-cell *matHeaderCellDef mat-sort-header="size"> Size</mat-header-cell>
+      <mat-header-cell *matHeaderCellDef> Size</mat-header-cell>
       <mat-cell *matCellDef="let element"> {{ element.size | digitalStore }}</mat-cell>
     </ng-container>
     <ng-container matColumnDef="type">
-      <mat-header-cell *matHeaderCellDef mat-sort-header="type"> Type</mat-header-cell>
+      <mat-header-cell *matHeaderCellDef> Type</mat-header-cell>
       <mat-cell *matCellDef="let element"> {{ element.type }}</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-dialog-content>

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