nikdoof/rustical
1
1
Fork 0
mirror of https://github.com/lennart-k/rustical.git synced 2025-12-13 17:02:32 +00:00
Code Issues Packages Projects Releases Wiki Activity

frontend: make button descriptions shorter to fit mobile screen

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

2
crates/frontend/js-components/lib/delete-button.ts
View File

@@ -17,7 +17,7 @@ export class DeleteButton extends LitElement {
} }
protected render() { protected render() {
let text = this.trash ? 'Move to trash' : 'Delete' let text = this.trash ? 'Trash' : 'Delete'
return html`<button class="delete" @click=${e => this._onClick(e)}>${text}</button>` return html`<button class="delete" @click=${e => this._onClick(e)}>${text}</button>`
} }

2
crates/frontend/js-components/lib/edit-addressbook-form.ts
View File

@@ -28,7 +28,7 @@ export class EditAddressbookForm extends LitElement {
override render() { override render() {
return html` return html`
<button @click=${() => this.dialog.value.showModal()}>Edit addressbook</button> <button @click=${() => this.dialog.value.showModal()}>Edit</button>
<dialog ${ref(this.dialog)}> <dialog ${ref(this.dialog)}>
<h3>Edit addressbook</h3> <h3>Edit addressbook</h3>
<form @submit=${this.submit} ${ref(this.form)}> <form @submit=${this.submit} ${ref(this.form)}>

2
crates/frontend/js-components/lib/edit-calendar-form.ts
View File

@@ -40,7 +40,7 @@ export class EditCalendarForm extends LitElement {
override render() { override render() {
return html` return html`
<button @click=${() => this.dialog.value.showModal()}>Edit calendar</button> <button @click=${() => this.dialog.value.showModal()}>Edit</button>
<dialog ${ref(this.dialog)}> <dialog ${ref(this.dialog)}>
<h3>Edit calendar</h3> <h3>Edit calendar</h3>
<form @submit=${this.submit} ${ref(this.form)}> <form @submit=${this.submit} ${ref(this.form)}>

2
crates/frontend/public/assets/js/delete-button.mjs
View File

@@ -19,7 +19,7 @@ let DeleteButton = class extends i {
return this; return this;
} }
render() { 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>`; return x`<button class="delete" @click=${(e) => this._onClick(e)}>${text}</button>`;
} }
async _onClick(event) { async _onClick(event) {

2
crates/frontend/public/assets/js/edit-addressbook-form.mjs
View File

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

2
crates/frontend/public/assets/js/edit-calendar-form.mjs
View File

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

3
crates/frontend/public/templates/pages/calendar.html
View File

@@ -25,9 +25,6 @@
{% if let Some(timezone_id) = calendar.timezone_id %} {% if let Some(timezone_id) = calendar.timezone_id %}
<p>{{ timezone_id }}</p> <p>{{ timezone_id }}</p>
{% endif %} {% endif %}
{% if let Some(timezone) = calendar.get_vtimezone() %}
<textarea rows="16" readonly>{{ timezone }}</textarea>
{% endif %}
<pre>{{ calendar|json }}</pre> <pre>{{ calendar|json }}</pre>