From 4089c89fe6829b50d82aa4f78b687ea4892ba878 Mon Sep 17 00:00:00 2001 From: Aspectis <tobias@aspectis.net> Date: Wed, 24 Feb 2021 16:38:11 +0100 Subject: [PATCH] refs #18784 [fid_bbi] fix keep-filters input --- themes/fid_bbi/scss/blocks/search.scss | 15 +++++++++------ themes/fid_bbi/templates/layout/layout.phtml | 2 +- 2 files changed, 10 insertions(+), 7 deletions(-) diff --git a/themes/fid_bbi/scss/blocks/search.scss b/themes/fid_bbi/scss/blocks/search.scss index 412f366b369..cc2d454d2fc 100644 --- a/themes/fid_bbi/scss/blocks/search.scss +++ b/themes/fid_bbi/scss/blocks/search.scss @@ -85,13 +85,10 @@ cursor: pointer; } - .icon { - height: g(1.5); - width: g(1.5); - padding: g(.25); - } - input { + opacity: 0; + position: absolute; + @include hover { ~ .icon { background: $shade; @@ -104,6 +101,12 @@ } } + .icon { + height: g(1.5); + width: g(1.5); + padding: g(.25); + } + :checked ~ .icon path { fill: currentColor; } diff --git a/themes/fid_bbi/templates/layout/layout.phtml b/themes/fid_bbi/templates/layout/layout.phtml index 610fe11e98a..b54501eba4f 100644 --- a/themes/fid_bbi/templates/layout/layout.phtml +++ b/themes/fid_bbi/templates/layout/layout.phtml @@ -81,7 +81,7 @@ <script> // For styling checkbox and radio inputs, the label must be appended to the // input, but Zend only generates inputs within labels. - const checkboxRadioInputs = document.querySelectorAll('[type=checkbox], [type=radio]') + const checkboxRadioInputs = document.querySelectorAll('main [type=checkbox], main [type=radio]') for (let i = 0; i < checkboxRadioInputs.length; i++) { const input = checkboxRadioInputs[i] const parent = input.parentNode -- GitLab