Only show edit buttons on "show more"

gramps-project · May 10, 2024 · 6999dd9 · 6999dd9
1 parent cfef14b
commit 6999dd9
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/components/GrampsjsFormName.js b/src/components/GrampsjsFormName.js
@@ -127,22 +127,22 @@ class GrampsjsFormName extends GrampsjsTranslateMixin(LitElement) {
           <mwc-icon-button
             ?disabled="${!this.data?.surname_list ||
             this.data?.surname_list?.length === 1}"
-            class="edit"
+            class="edit ${classMap({hide: !this.showMore})}"
             icon="delete"
             @click="${() => this._handleDeleteSurname(i)}"
           ></mwc-icon-button>
 
           <mwc-icon-button
             ?disabled="${!this.data?.surname_list || i === 0}"
-            class="edit"
+            class="edit ${classMap({hide: !this.showMore})}"
             icon="arrow_upward"
             @click="${() => this._handleUpSurname(i)}"
           ></mwc-icon-button>
 
           <mwc-icon-button
             ?disabled="${!this.data?.surname_list ||
             i === this.data?.surname_list?.length - 1}"
-            class="edit"
+            class="edit ${classMap({hide: !this.showMore})}"
             icon="arrow_downward"
             @click="${() => this._handleDownSurname(i)}"
           ></mwc-icon-button>