Website: Search Bar Missing in Reduced-Width Window

[jobsolete]

Expected Behavior

As a user, I expect the search bar to persist when the browser window width is reduced.

Actual Behavior

The search bar disappears when the window width is reduced and zoom is set above a certain threshold.

Steps to Reproduce the Problem

1. Navigate to https://www.openpolicyagent.org/docs/latest/
2. Reduce window width until search bar disappears.

Additional Info

Browser: Firefox 87.0 (64-bit) & Chrome Version 89.0.4389.114 (Official Build) (x86_64)
OS: macOS 11.2.3

[saharme]

Hi,
It is not a bug, it is a feature :)

This is because the media query should be lower than what is it now (set standard value).
Now:
(min-width: 1088px)

Should be ~:
(min-width: 600px)

[stale]

This issue has been automatically marked as inactive because it has not had any activity in the last 30 days.

[Parsifal-M]

Hey Team,

Would it be okay if I pick this up? It will be my first contribution so if there is anything I should be aware of would be great! I am in the slack already :)

Thanks!

[srenatus]

Thank you - go for it! The situation around style sheets is quite opaque, I'm afraid, let us know if you get stuck.

[Parsifal-M]

Thanks! no worries will reach out if I get stuck!

[Parsifal-M]

Hey @srenatus, I think I've found a good solution for this, I will make a PR later, are there any specific rules or best practices when making the PR? I may have missed them and this will be my first (and hopefully not last!)

Also, I forgot to ask, could you assign this to me?

Thanks!

[srenatus]

Just open a PR. The checks, and the preview build on netlify, will give us a good indication of how it works. FWIW, our website stuff is a hodgepodge, so there aren't any guidelines or such a thing. Anything that works is OK 😅