Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.
Bug 326457 - Nova theme search box glitch
Summary: Nova theme search box glitch
Status: RESOLVED FIXED
Alias: None
Product: Community
Classification: Eclipse Foundation
Component: Website (show other bugs)
Version: unspecified   Edit
Hardware: PC Mac OS X - Carbon (unsup.)
: P3 normal (vote)
Target Milestone: ---   Edit
Assignee: phoenix.ui CLA
QA Contact:
URL:
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2010-09-28 15:29 EDT by Jeff McAffer CLA
Modified: 2010-11-02 15:59 EDT (History)
1 user (show)

See Also:


Attachments
screenshot showing the problems (9.00 KB, image/png)
2010-09-28 15:29 EDT, Jeff McAffer CLA
no flags Details
Firefox 3.6 snapshot (12.50 KB, image/png)
2010-09-28 16:28 EDT, Jeff McAffer CLA
no flags Details
screenshot of FF and Safari (20.34 KB, image/png)
2010-11-02 15:59 EDT, Jeff McAffer CLA
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Jeff McAffer CLA 2010-09-28 15:29:35 EDT
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
Comment 1 Nathan Gervais CLA 2010-09-28 15:58:07 EDT
Could you provide me some details on which browser this is? including a version?
Comment 2 Jeff McAffer CLA 2010-09-28 16:28:40 EDT
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
Comment 3 Jeff McAffer CLA 2010-10-01 13:20:38 EDT
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.
Comment 4 Nathan Gervais CLA 2010-11-02 09:19:25 EDT
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.
Comment 5 Jeff McAffer CLA 2010-11-02 15:59:56 EDT
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.