There are a couple of visual issues with the MediaSearch search filters bar that seem to be related (fixing one thing breaks another). The tricky part is that different issues surface with different combinations of skins and breakpoints (viewport widths).
Here's an attempt to catalogue everything so that we can come up with a comprehensive solution.
On master branch as of 9ca4b54cc4776ac3977e4678cc75ee914b8cd502:
Issue | Affected skins | Affected breakpoints |
---|---|---|
Right-hand gradient does not disappear despite scrolling all the way to the right, partially obscuring the results count | Vector only | Mobile only |
Total hits count extends beyond right edge & gradient, breaks layout (T287258) | Vector only | Tablet only |
With 9100b5b2 reverted:
Issue | Affected skins | Affected breakpoints |
---|---|---|
Right-hand gradient does not disappear despite scrolling all the way to the right, partially obscuring the results count | Vector only | Mobile only |
Filter drop-down menus are hidden behind search results and are not usable (T286751) | Vector & Minerva | Tablet only |
Tablet breakpoint seems to be where most of the issues come up, so we may need to re-think how we handle things here. Any patches that attempt to address these problems need to be QA-ed at the three most critical breakpoints (sub-720px width, 720-1000px width, and 1000+ px width) and on both Minverva and Vector skin (ideally also in new vs "classic" vector modes).