From 7c774d905fc6eaeefc5eb54d447d1b0c6bb72880 Mon Sep 17 00:00:00 2001 From: Laura_Escamilla Date: Wed, 4 Feb 2026 14:26:23 +0000 Subject: [PATCH] Bug 39662: CSS styling for clear date button --- .../opac-tmpl/bootstrap/css/src/opac.scss | 34 +++++++++++++++++-- 1 file changed, 32 insertions(+), 2 deletions(-) diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss index 42268b4b12..d719cd3a8f 100644 --- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss +++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss @@ -90,11 +90,41 @@ a { padding-left: 1em; } + .flatpickr_wrapper { + display: inline-flex; + align-items: stretch; + max-width: 100%; + } + + .flatpickr_wrapper > input.flatpickr { + flex: 1 1 auto; + min-width: 0; + } + &.clear_date { - color: #C33; - font-size: 130%; + display: inline-flex; + align-items: center; + justify-content: center; + color: #6c757d; + background: transparent; + border: 0; + padding: .25rem .375rem; + margin-left: .25rem; + line-height: 1; + font-size: 1.1rem; + cursor: pointer; + + &:hover { + color: #495057; + text-decoration: none; } + &:focus, + &:focus-visible { + outline: 2px solid currentColor; + outline-offset: 2px; + } +} &.title { display: block; font-size: 108%; -- 2.39.5