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

Bug 343456

Summary: [client] vertical layout polish in page header is needed
Product: [ECD] Orion Reporter: Susan McCourt <susan>
Component: ClientAssignee: Susan McCourt <susan>
Status: RESOLVED FIXED QA Contact:
Severity: normal    
Priority: P3 Keywords: polish
Version: 0.2   
Target Milestone: 0.2   
Hardware: PC   
OS: Windows 7   
Whiteboard:

Description Susan McCourt CLA 2011-04-20 16:44:25 EDT
The vertical layout of the header needs polish.
- the top left (breadcrumb, status) and top right (search box, links, user) areas are not vertically aligned with each other
- Linda's mockups call for the top left/top right text to be lower, more aligned with the Orion logo.
- text and icon alignment in the top bar and the dark toolbar are brittle, not always vertically aligned
- the appearance of the progress icon shifts the vertical alignment of the commands on the right
- progress icon and progress text aren't aligned

A lot of these problems come from the need float left/right while also spanning widths.  A table is not the best layout for this (but raw CSS without dynamic JS resizing doesn't work either).  I may need to use an inner bordercontainer or some other dynamic layout container for this header in order to get it all right.  Fighting with table layouts is a pain and makes these vertical corrections much harder than they should be.
Comment 1 Susan McCourt CLA 2011-05-25 12:26:01 EDT
moving styling bugs to RC1
Comment 2 Susan McCourt CLA 2011-06-10 11:17:17 EDT
the new layout intentionally does not try to vertically align the elements in different "cells" in the header.

So we can consider this fixed.  There is still some margin polish and other details to do in RC2 and will be handled as part of bug 344895