Improve the installer screen sequence's theming

Posted by yoroy on October 15, 2009 at 10:54pm

5 followers

Issue Summary

Overall the installation screens are very very barebones, which is excellent but it's not looking all too balanced right now. Needs more align etc.

Here's the sequence with my comments:

### General:
- task list bullet-items should align outside, not inside
- missing hover state on submits (a generic issue this)
- overall layout very sparse. which is fine but needs more align.

http://skitch.com/yoroy/ndeh3/installer1
http://skitch.com/yoroy/ndeh6/installer2

### Requirements check
http://skitch.com/yoroy/nde7g/installer3
- error messages table misses top border
- database radios next to eachother in FF3.5

### Set up database
http://skitch.com/yoroy/nde7a/installer4
- 'Basic options' doesn't mean anything, remove the fieldset around the basic options for database configuration screen
- Rename the page title to match the label for this step: "Set up database"

### Install profile
http://skitch.com/yoroy/nde63/installing-drupal-drupal
- ^^ this label "install profile" is confusing. noun or verb? suggest to rename to 'Install'
- Progress bar sure needs restyling, also has a little gap underneath currently

### Configure site:
http://skitch.com/yoroy/nde9y/configure-site-drupal
- 'Password match' label doesn't align with the one above
- Where are the password hints?
- Timezone guesstimate is one hour off.

Drupal installation Complete:
- Again, very (too) sparse layout.

For starters :-)

Comments

#1

Posted by seutje on October 16, 2009 at 7:36am

- task list bullet-items should align outside, not inside

also #563390: Seven theme lacks formatting on common html elements such as lists, paragraphs & <code>

- missing hover state on submits (a generic issue this)

-> #573138: Submit & Save buttons light grey, not noticeable related?

http://skitch.com/yoroy/ndeh3/installer1 -> I'd like to add that the spacing there is really odd, it looks to me like there is either too much spacing between the 2 options, or not enough spacing between the options and the button

- Progress bar sure needs restyling, also has a little gap underneath currently

this is due to a rounding bug in FF: the container is 1.5em, the bar is 1em + 0.5em border-bottom, which adds up, but if u zoom once, it'll appear fixed...
-> http://ejohn.org/blog/sub-pixel-problems-in-css/
should we account for this rounding bug and set the border to 0.6em and overflow:hidden on the container?

and also sorta related #575294: Add reset.css through drupal_add_css() instead of through the .info file