From 7f69afe60aa3e666b1fd89d6849c6160b40e07de Mon Sep 17 00:00:00 2001 From: Owen Leonard Date: Wed, 17 Dec 2025 09:43:54 -0500 Subject: [PATCH] Bug 33668: (follow-up) Move clear button inside form field --- .../opac-tmpl/bootstrap/css/src/opac.scss | 30 ++++++++++++-- .../bootstrap/en/includes/masthead.inc | 40 +++++++++---------- 2 files changed, 46 insertions(+), 24 deletions(-) diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss index 2a140f6a6b9..215a67e42a7 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -658,11 +658,33 @@ th { margin: 0; } - .clear-search { + .quick-search-wrapper { + position: relative; + } + + .quick-search-wrapper input:placeholder-shown + .clear-search { + opacity: 0; + pointer-events: none; + } + + .quick-search-wrapper .clear-search { + position: absolute; + border: none; + display: block; + width: 1em; + height: 1em; + line-height: 1.06em; + font-size: 1.2em; + border-radius: 50%; + top: 0; + bottom: 0; + right: 5px; + margin: auto; + background: #ddd; + padding: 0; + outline: none; cursor: pointer; - color: #548300; - font-size: 2rem; - display: inline-flex; + transition: 0.1s; } } diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc b/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc index c95f0d88524..54f6eb9503c 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc +++ b/koha-tmpl/opac-tmpl/bootstrap/en/includes/masthead.inc @@ -290,23 +290,26 @@
- [% IF ( !Koha.Preference( 'OpacAddMastheadLibraryPulldown' ) == 1 && mylibraryfirst ) %] - - - [% ELSE %] - - - [% END # /ms_value %] +
+ [% IF ( !Koha.Preference( 'OpacAddMastheadLibraryPulldown' ) == 1 && mylibraryfirst ) %] + + + [% ELSE %] + + + [% END # /ms_value %] + +
@@ -364,9 +367,6 @@ [% END # / opac_limit_override %] [% END # / OpacAddMastheadLibraryPulldown %] -