upenndigitalscholarship / deep

MIT License
3 stars 1 forks source link

Header and Filter areas not working well together #237

Open ZacharyLesser opened 1 month ago

ZacharyLesser commented 1 month ago

The header now wraps onto a new line if you make the window more narrow, on laptop / desktop. And the filter drop-down box now stretches across the entire width of the screen. This is a change from before, right?

We think it would look better if the filter boxes were the more regular width they were before -- the rest of that box can just be white space. I think this change was done in order to make the site work better on mobile? Is there some way to have the screen still recognize the full width of the filter area even if the drop-down box does not stretch all the way across?

ZacharyLesser commented 1 month ago

Because the header now wraps, if you have a narrow window (on desktop if you shrink it, or always on mobile), the header is covering so much of the filter area that you can't see the checkboxes for Record Type.

ZacharyLesser commented 1 month ago

Could the header be made smaller when the site recognizes a mobile browser? It looks good now that it is a little bigger but it doesn't look good on mobile at that size. Can the site adapt to change it for a mobile browser, or is that too elaborate?

I might tweak the header to be just slightly smaller on desktop at this point, actually. Not much, just a little bit too big right now.

This may all become moot if you develop a different header system, like we discussed, perhaps incorporating the text in the first paragraph of the History Behind DEEP page.