search

ArkansasRepeaterCouncil / website

RepeaterCouncil.org website - scroll down past the files for instructions
https://www.repeatercouncil.org/
MIT License
5 stars 4 forks source link

Table overflow #656

Closed k5dvt closed 1 year ago

k5dvt commented 2 years ago

"Repeater Most Wanted" table overflowed on front landing page. Picture: image

I'm running Chrome 105.0.5195.128 64-Bit on Windows 11 with a screen resolution of 1366x768. Seems like it was supposed to all be contained in the class "homepageListing mostWanted".

alexpalade commented 1 year ago

Same here, both columns overflow. Tested in Firefox and Chrome on Linux, with a 1366x768 resolution. I think it's because the container div has a fixed height of 850px from the homepageListing class.

ae5au commented 1 year ago

@k5dvt this specific problem is fixed, but there are still some CSS issues to work out. Specifically, the most wanted table won't go as narrow as the box around it...

well, nevermind removing the height works great in Firefox but caused other issues in Chrome. Reopening

ae5au commented 1 year ago

Ok, back again. The problem wasn't a difference between FF and Chrome...it was there on both. The table for expired most wanted was overflowing to the right if the width was too narrow. Quick and dirty fix for that now by setting min-width to min-content for the div. Has the side effect of flowing to a stack that only uses half of the width, but at least nothing is busting out at this point.

Going to close this issue and make an enhancement issue to make this more responsive.

Merged #659