439577 - Litmus insists on displaying search page offscreen

Status: RESOLVED WONTFIX

(Webtools Graveyard :: Litmus, defect, P5)

Description

[Andrew Schultz]

Attachment: screenshot

The search page is rather wide.  In conjunction with the general layout of litmus, it winds up offscreen even though my screen is plenty large (1600px).  It insists on having a rather large margin on the left.

Comment 1

[Chris Cooper [:coop] (he/him)]

Do you have a suggested change? 

It's the select boxes that cause this and there's really no way to wrap them. I'm not sure what (if anything) we can do about this.

Comment 2

[Andrew Schultz]

Right.  But I have lots of unused space on the left.  One issue is that #container is styled to be 984px when its contents (on the search page) far exceed that.  It's just that the rest of the page becomes unhappy without that hard-coded.  These style rules seem to fix up the search page without breaking the front page in conjunction with moving .sidebar-right after .active_test_runs and wrapping it in an extra DIV:

      #container {width: auto; min-width: 984px;}
      #content {min-width: 814px; display: table}
      #content > div {display: table-cell}
      #content > div > div.sidebar-right {float: none;}

It's effectively making #content a table.  As a table, it will enforce side-by-side and shrink-wrap, but not below 814px (which is what I get for #content's nominal width).  sidebar-right just needs to not be floated anymore.  The search page looks OK, but is a bit unhappy because #content has non-div children.  It'd need it's children wrapped in an extra DIV on that page and perhaps others.

Not really a clean solution.  :/  My eyes just scream every time I load the search page.

Comment 3

[Chris Cooper [:coop] (he/him)]

Litmus is being decommissioned in bug 802674. 

Visit https://moztrap.mozilla.org for your testing needs.