Confirmed users
20
edits
Bugzilla:Pretty: Difference between revisions
Jump to navigation
Jump to search
Appending my design to the bottom of the page.
S.abraham85 (talk | contribs) (→Shibu Abraham: Added 10 new images and removed text ="Back to black". Add text = "Designers Comments: There isn't too much of a difference between the options provided...") |
Speedbreeze (talk | contribs) (Appending my design to the bottom of the page.) |
||
| Line 107: | Line 107: | ||
The idea is to make a block with the most important options, followed by the comments. In case javascript is available all other blocks of information can be show in a series of tabs, otherwise they simple move to the bottom of the page. A side-thought while working on this was to add a button to collapse all but the topmost comment or even add a preference to do so by default. | The idea is to make a block with the most important options, followed by the comments. In case javascript is available all other blocks of information can be show in a series of tabs, otherwise they simple move to the bottom of the page. A side-thought while working on this was to add a button to collapse all but the topmost comment or even add a preference to do so by default. | ||
= Jonathan Wilde = | |||
[[File:JWilde-BugzillaPretty-Bug-27-2-2011.png|thumb|none]] | |||
This design's goals are pretty simple: to push lots of information up to the top of the page and to be lightweight. | |||
The fields at the top of the page are compressed using a Drupal-style tabbed container. The text below the title of each tab provides a summary of the values of the fields in the tab. | |||
The design is intended to be both visually lightweight and, after implementation, lightweight in terms of page size. The design should be easily implementable using CSS3's gradients, border-radius, text-shadow, and box-shadow for the special-effects. It will probably still look decent in browsers where these features aren't available. | |||
The design entails a few background images for the faint texture on the search box and gradient backgrounds, but can still hold together with plain CSS3 gradients instead. The gear, search, and down-triangle icons--which can't easily be reproduced with special characters in HTML can be easily sprited into a single, small image. | |||