larger search box
Pasqualle - January 27, 2009 - 17:33
| Project: | API |
| Version: | 6.x-1.x-dev |
| Component: | User interface |
| Category: | task |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | needs work |
Jump to:
Description
on api.drupal.org the search box could be wider
#api-search-form #edit-search {
- width: 115px;
+ width: 160px;
}
#1
The theme we use on Drupal.org has proportional widths, the 115px works on 1024px wide browsers. The redesign will make everything fixed-width, making this not an issue for Drupal.org. This should be fixed regardless, since non-Drupal.org sites use API module.
The input should be width: 100% with a container that fills the available space to the left of the button. The button could be floated right, but that would require having it come before the input in the HTML.
Floating the input left with margin-right to let the button fit in might be possible, but the button width would change in various platforms, browsers and text sizes.
I'm not aware of a good, clean positioning strategy for this offhand. I'd rather not do JS or a table.
#2
as another option, how about moving the search box below the input? that'd allow for a much wider search textfield.