fix: mod template to fix button move

alauda · Jul 4, 2024 · ceaa149 · ceaa149
1 parent 57c5753
commit ceaa149
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 10 deletions.
diff --git a/src/editable/editable.component.html b/src/editable/editable.component.html
@@ -17,20 +17,12 @@
       <ng-container [ngTemplateOutlet]="editor"> </ng-container>
 
       <button
-        *ngIf="!loading"
         aui-button="text"
         [square]="true"
+        [disabled]="loading"
         (click)="saveEdit()"
       >
-        <aui-icon icon="check"></aui-icon>
-      </button>
-      <button
-        *ngIf="loading"
-        aui-button="text"
-        [square]="true"
-        (click)="saveEdit()"
-      >
-        <aui-icon icon="spinner"></aui-icon>
+        <aui-icon [icon]="loading ? 'spinner' : 'check'"></aui-icon>
       </button>
       <button
         aui-button="text"

diff --git a/src/editable/editable.component.scss b/src/editable/editable.component.scss
@@ -12,6 +12,10 @@
     &:hover {
       color: use-rgb(primary);
     }
+
+    &[disabled] {
+      color: use-rgb(main-text) !important;
+    }
   }
 
   &--center &__view-container,