Some Eclipse Foundation services are deprecated, or will be soon. Please ensure you've read this important communication.

Bug 438607

Summary: too much "hot area" associated with blank space in header
Product: Community Reporter: David Williams <david_williams>
Component: WebsiteAssignee: phoenix.ui <phoenix.ui-inbox>
Status: RESOLVED FIXED QA Contact:
Severity: normal    
Priority: P3 CC: chris.guindon
Version: unspecified   
Target Milestone: ---   
Hardware: PC   
OS: Linux   
Whiteboard:
Attachments:
Description Flags
red shows area that links to "eclipse.org". Blue shows what it should be. none

Description David Williams CLA 2014-07-01 04:19:39 EDT
Created attachment 244695 [details]
red shows area that links to "eclipse.org". Blue shows what it should be.

It seems nearly the "whole white area" in header will link user back to "eclipse.org". 

This is less user friendly than it should be. To click a blank area should do nothing ... unless it's "near" the object to click on. 

As it is, just about anywhere in the head takes you to "eclipse.org". Should be only (near) the logo. 

There's a couple of use cases where I click white space, and expect it to do nothing. 

Sometimes, I may want to set a book mark, or invoke a debug function, and just push the wrong mouse button (left select, instead of right context menu). 

More frequently I might have some text selected in body (for what ever reason, usually involving edits I want to make, or occasionally just to help me focus on one part I'm reading closely. And in these cases, I often want to "select" a "white area" to deselect what ever I did have selected. 

So anyway, I think just a general "web usability" principle that clicking white space should not do anything. (And, I mean white space that is not near the object, of course).
Comment 1 Christopher Guindon CLA 2014-07-01 07:27:43 EDT
I agree!

The problem here is with the .img-responsive class which set a display:block on the image. I don't think we need this class on the logo. I will remove it.

<img class="logo-eclipse-default img-responsive" alt="Eclipse.org logo" src="/eclipse.org-common/themes/solstice/public/images/logo/eclipse-800x188.png">