Confirmed users
729
edits
Bugzilla:Bug Layout Revision: Difference between revisions
Jump to navigation
Jump to search
Bugzilla:Bug Layout Revision (view source)
Revision as of 08:21, 26 December 2006
, 26 December 2006no edit summary
(Added Dolske(2) section.) |
No edit summary |
||
| Line 133: | Line 133: | ||
=== Jesse ( | === Jesse (2) === | ||
I've made a [http://www.squarefree.com/bugzilla-ui/spice-3col.html proposal] that uses a "3 columns at the top, 2 columns in the middle" layout (similar to current BMO layout) but based on the page with improved grouping and "(edit)" links. It saves a significant amount of vertical space, gives more room to the URL and whiteboard fields, and IMO looks pretty good. See [http://www.squarefree.com/bugzilla-ui/changes.html this page] for a list of changes I made. | I've made a [http://www.squarefree.com/bugzilla-ui/spice-3col.html proposal] that uses a "3 columns at the top, 2 columns in the middle" layout (similar to current BMO layout) but based on the page with improved grouping and "(edit)" links. It saves a significant amount of vertical space, gives more room to the URL and whiteboard fields, and IMO looks pretty good. See [http://www.squarefree.com/bugzilla-ui/changes.html this page] for a list of changes I made. | ||
| Line 215: | Line 215: | ||
* The yellow header bar linking to mozilla.org seems completely useless. Maybe make it a footer, or just delete it entirely? | * The yellow header bar linking to mozilla.org seems completely useless. Maybe make it a footer, or just delete it entirely? | ||
=== Jesse (3) === | |||
In response to Silver: | |||
It's true that at certain resolutions, votes and last-modified have been traded for dependencies in my mockup. But at most resolutions (especially once the header gets fixed), strictly more information is available without scrolling down. | |||
I don't know why you're seeing the URL field become smaller in my mockup than in the reference; it's bigger for me. Perhaps you're using a browser other than Firefox trunk and the CSS to stretch the fields isn't working? | |||
In response to Dolske: | |||
Wow, getting rid of the form element borders helps a lot. Some CSS could be used to simply hide the borders of inactive form elements: | |||
.subtle { border: 1px solid transparent; padding: 1px; } | |||
.subtle:hover, .subtle:focus { border: 1px inset black; } | |||
This seems to work pretty well for <input type="text"> and <select>. | |||
For fields that are next to each other (e.g. product/component), I guess the first part (e.g. product) would need to be plain text that is replaced by a form element when clicked, so it doesn't take up space equal to the length of the longest product name. | |||
I like a lot of your other ideas. | |||