From 980bfd42cc12016bf34826b2eb011f55b0ad308f Mon Sep 17 00:00:00 2001 From: Martin Renvoize Date: Fri, 31 Oct 2025 09:30:52 +0000 Subject: [PATCH] Bug 41151: Modernize clear button UX in additional fields MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This patch improves the UX of the clear functionality for additional fields by: - Replacing the separate "Clear" button with an inline clear icon (×) that appears inside the input field when there is content - Adding proper spacing between the input field and "New" button using flexbox layout - Styling the "New" button with Bootstrap button classes for consistency - Making the clear button only visible when the field has content This provides a more modern, intuitive interface pattern similar to standard search inputs and maintains better visual consistency with other form elements in Koha. Signed-off-by: David Nind --- .../vue/components/AdditionalFieldsEntry.vue | 320 +++++++++++------- 1 file changed, 206 insertions(+), 114 deletions(-) diff --git a/koha-tmpl/intranet-tmpl/prog/js/vue/components/AdditionalFieldsEntry.vue b/koha-tmpl/intranet-tmpl/prog/js/vue/components/AdditionalFieldsEntry.vue index e7d3dcc2636..71108676e31 100644 --- a/koha-tmpl/intranet-tmpl/prog/js/vue/components/AdditionalFieldsEntry.vue +++ b/koha-tmpl/intranet-tmpl/prog/js/vue/components/AdditionalFieldsEntry.vue @@ -1,131 +1,136 @@ + + -- 2.51.1