Bugzilla – Full Text Bug Listing
| Summary: | Nova theme search box glitch | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | Community | Reporter: | Jeff McAffer <jeffmcaffer> | ||||||||
| Component: | Website | Assignee: | phoenix.ui <phoenix.ui-inbox> | ||||||||
| Status: | RESOLVED FIXED | QA Contact: | |||||||||
| Severity: | normal | ||||||||||
| Priority: | P3 | CC: | nathan | ||||||||
| Version: | unspecified | ||||||||||
| Target Milestone: | --- | ||||||||||
| Hardware: | PC | ||||||||||
| OS: | Mac OS X - Carbon (unsup.) | ||||||||||
| Whiteboard: | |||||||||||
| Attachments: |
|
||||||||||
Could you provide me some details on which browser this is? including a version? Created attachment 179787 [details]
Firefox 3.6 snapshot
Every browser I have has some sort of problem with this area.
Safari 5.0.2 on Mac produced the screenshot attached
IE 8 on Windows 7 as something similar (and the text in the Search button is a funny font)
I'll attach a screenshot of FF 3.6 on the Mac. It is goofy on the left side of the search box
Note that window width does not seem to change the effect
I played around a little and while I am certainly not a web developer, it seems that the crux is that the font used in the Search button dictates where the google search box goes (left/right at least). In different browsers on the same machine significantly different font sizes are being used there and that seems to push the searchbox around. I've updated the CSS to tweak this issue and bring all the browsers inline. I think i've got it really close to the same on all browsers but there may be a px or 2 on some browsers vs others. Created attachment 182245 [details]
screenshot of FF and Safari
Great. Thanks for looking at this. It is a definite improvement. Here is a screenshot of FF (left) and Safari (right) on the Mac. FF looks pretty good. Safari is shifted up but at least everyone is coloring inside the lines.
|
Created attachment 179781 [details] screenshot showing the problems The google search box looks odd in the Nova theme. I'll attach a screen shot. The issues are - on the right side there is a white rectangle that extends beyond the search box bounds - The Google text inside the search box is not vertically centered. - the search button is also not vertically centered