feat(front): replace Save flat button onto FAB

rednez · Jan 21, 2023 · 81993f6 · 81993f6
1 parent 936da85
commit 81993f6
Showing 1 changed file with 12 additions and 9 deletions.
diff --git a/libs/front/feature-budgets/src/lib/budget-form/budget-form.component.html b/libs/front/feature-budgets/src/lib/budget-form/budget-form.component.html
@@ -6,17 +6,20 @@
   [errorText]="'Failed data' | translate"
 ></ispent-loadable-widget>
 
+<button
+  *ngIf="form?.dirty && !isSaving"
+  mat-fab
+  color="primary"
+  style="position: fixed; bottom: 30px; right: 30px"
+  (click)="onSaveForm()"
+  [matTooltip]="'Save' | translate"
+  matTooltipClass="text-sm"
+>
+  <mat-icon>save</mat-icon>
+</button>
+
 <ng-template #contentState>
   <ng-container *ngIf="form">
-    <button
-      mat-flat-button
-      color="primary"
-      [disabled]="form.pristine || isSaving"
-      (click)="onSaveForm()"
-    >
-      {{ 'Save' | translate }}
-    </button>
-
     <ng-container
       *ngIf="currencies.controls.length; else emptyState"
       [formGroup]="form"