frontend: make button descriptions shorter to fit mobile screen

This commit is contained in:
Lennart
2025-09-02 23:19:15 +02:00
parent 375caedec6
commit 7d961ea93b
7 changed files with 6 additions and 9 deletions

View File

@@ -19,7 +19,7 @@ let DeleteButton = class extends i {
return this;
}
render() {
let text = this.trash ? "Move to trash" : "Delete";
let text = this.trash ? "Trash" : "Delete";
return x`<button class="delete" @click=${(e) => this._onClick(e)}>${text}</button>`;
}
async _onClick(event) {

View File

@@ -27,7 +27,7 @@ let EditAddressbookForm = class extends i {
}
render() {
return x`
<button @click=${() => this.dialog.value.showModal()}>Edit addressbook</button>
<button @click=${() => this.dialog.value.showModal()}>Edit</button>
<dialog ${n(this.dialog)}>
<h3>Edit addressbook</h3>
<form @submit=${this.submit} ${n(this.form)}>

View File

@@ -28,7 +28,7 @@ let EditCalendarForm = class extends i {
}
render() {
return x`
<button @click=${() => this.dialog.value.showModal()}>Edit calendar</button>
<button @click=${() => this.dialog.value.showModal()}>Edit</button>
<dialog ${n(this.dialog)}>
<h3>Edit calendar</h3>
<form @submit=${this.submit} ${n(this.form)}>