scientist-softserv / adventist_knapsack

Apache License 2.0

1 stars 0 forks source link

Hidden catalogue search bar #240

Closed jillpe closed 4 months ago

jillpe commented 8 months ago

Summary

The catalog search page looks a little funky. The search bar is hidden behind the nav bar when the screen size is between 768 & 948

Acceptance Criteria

[ ] the catalog search bar is present at any screen width on the catalog search page

jillpe commented 8 months ago

This also appears to be happening on the work show page and collections show page

ShanaLMoore commented 4 months ago

Locally this isn't an issue:

On staging it is. 🤔

ShanaLMoore commented 4 months ago

This issue isn't seen locally. Additionally, for staging, when I use chrome with these dimensions the issue isn't present.

Local

Staging (Firefox)

ShanaLMoore commented 4 months ago

When compared to the functionality of adv production, the issue is that the hamburger isn't collapsing the nav options in knapsack staging. this is likely due to its upgrade to bootstrap4:

knapsack:

ShanaLMoore commented 4 months ago

QA RESULTS: Pass ✅

Thanks for the help here @kirkkwang !

[x] the breakpoints/responsiveness have been corrected. the hamburger menu displays in lieu of the nav bar on smaller screens, and no longer blocks the search bar.