Basket actions area on the Advanced Search screen hides part of the page on mobile devices

[Eva Cerninakova]

On the Advanced Search screen, the Basket Actions area hides the Advanced Search option links (i.e., Advanced search, Numeric Search and Expert Search) on some mobile devices, if the page view is portrait oriented. Also, the Basket icon is not visible because it has the same color as the background, see the attachment (the icon visibility itself would probably be easily solvable by using the black or other dark for the Basket icon).

If the page is landscape oriented, the Advanced Search options links are visible, however, the Basket icon is partly hidden in the background color.

I have tested the problem in Evergreen 3.2 and 3.3.2 on mobile phone (screen 1440 x 720 px) using Chrom 75.0.3770.101 and Firefox 67.0.3 on Android 9

[Carrie Cleary (ccleary.pails)]

The basket feature block covers the tabs on Advanced Search when you view on a mobile device, resulting in an awful looking display.

So many library patrons only use mobile devices to access the internet. We need to ensure our catalogs look great to our library users. The catalog should be easy to use on both large screens and small handheld screens.

This is an important bug to fix to ensure our catalog Advanced Search page can be something we are proud to share with patrons.

[Carrie Cleary (ccleary.pails)]

What code will make div id="search_box" stop wrapping over div id="adv_search_parent"?

This is all inside div id="search-wrapper"

Bonus comment: I'm learning all of this as I go, and note that some of the code here uses underscores, and some hyphens. Is there an accepted or favorite standard for variable naming in the Evergreen community?

[Carrie Cleary (ccleary.pails)]

Could this problem be in the template engine?

[Andrea Neiman (aneiman)]

Noting that this is resolved in the BOOPAC (bug 1778972) which was released with 3.6-beta as an experimental feature.

[Andrea Neiman (aneiman)]

Marking won't fix since BOOPAC has been default since 3.7 - https://evergreen-ils.org/documentation/release/RELEASE_NOTES_3_7.html#_evergreen_3_7_0