Bugzilla – Attachment 118336 Details for
Bug 27889
Form fields in OPAC are "out of shape"
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
Bug 27889: Adjust responsive width of OPAC advanced search form
Bug-27889-Adjust-responsive-width-of-OPAC-advanced.patch (text/plain), 3.34 KB, created by
Owen Leonard
on 2021-03-16 16:27:02 UTC
(
hide
)
Description:
Bug 27889: Adjust responsive width of OPAC advanced search form
Filename:
MIME Type:
Creator:
Owen Leonard
Created:
2021-03-16 16:27:02 UTC
Size:
3.34 KB
patch
obsolete
>From a9214dbd3a83821aa2cf1578a81416959333880b Mon Sep 17 00:00:00 2001 >From: Owen Leonard <oleonard@myacpl.org> >Date: Tue, 16 Mar 2021 16:00:57 +0000 >Subject: [PATCH] Bug 27889: Adjust responsive width of OPAC advanced search > form > >This patch tweaks the CSS for the advanced search form in the OPAC so >that it adjusts well at various browser widths, including preventing the >form from taking up the whole width of the page at higher browser >widths. > >To test, apply the patch and rebuild the OPAC CSS >(https://wiki.koha-community.org/wiki/Working_with_SCSS_in_the_OPAC_and_staff_client). > >- In the OPAC, go to the advanced search page. >- Test the appearance of the fields in the first "Search for" section, > confirming that everything adjusts well at all widths large and small. >- Click the "More options" button and test that configuration as well. >--- > koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss | 11 ++++++++--- > koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss | 4 ++++ > koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt | 2 +- > 3 files changed, 13 insertions(+), 4 deletions(-) > >diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss >index e6676fd76b..aadfecc77a 100644 >--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss >+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/_responsive.scss >@@ -246,6 +246,10 @@ > .no-image { > display: none; > } >+ >+ .search-term-input { >+ margin-bottom: 5px; >+ } > } > > @media only screen and ( max-width: 700px ) { >@@ -294,9 +298,6 @@ > margin: 5px 0; > } > >- >- } >- .advanced-search-terms { > &.extended { > .search-term-row { > grid-template-columns: 10% 30% 50% 10%; >@@ -504,6 +505,10 @@ > padding: 5px; > } > >+ #booleansearch { >+ width: unset; >+ } >+ > .pg_menu { > li { > a { >diff --git a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss >index 37c843a918..e960e87aea 100644 >--- a/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss >+++ b/koha-tmpl/opac-tmpl/bootstrap/css/src/opac.scss >@@ -205,6 +205,10 @@ th { > } > } > >+#booleansearch { >+ width: 80%; >+} >+ > #advsearch_limits, > #subtypes { > label { >diff --git a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt >index ada84161e9..d6767598b5 100644 >--- a/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt >+++ b/koha-tmpl/opac-tmpl/bootstrap/en/modules/opac-advsearch.tt >@@ -113,7 +113,7 @@ > </select> <!-- /#search-field_[% loop.index | html %] --> > </div> <!-- .search-term-input --> > <div class="search-term-input"> >- <input class="form-control" type="text" size="30" name="q" title="Enter search terms" value="" /> >+ <input class="form-control" type="text" size="" name="q" title="Enter search terms" value="" /> > </div> <!-- .search-term-input --> > [% IF ( expanded_options ) %] > <div class="search-term-input"> >-- >2.11.0
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 27889
:
118336
|
118343
|
119059
|
119060
|
119085
|
119152
|
119153