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

Bug 427503

Summary: Orion New UI Improvements
Product: [ECD] Orion Reporter: Elijah El-Haddad <elijahe>
Component: ClientAssignee: Elijah El-Haddad <elijahe>
Status: RESOLVED FIXED QA Contact:
Severity: normal    
Priority: P3 CC: antonm
Version: 5.0   
Target Milestone: 5.0 RC3   
Hardware: PC   
OS: Windows 7   
Whiteboard:

Description Elijah El-Haddad CLA 2014-02-05 14:09:13 EST
The purpose of this bug is to track small improvements to the new Orion UI.

Here's the initial list of improvements:

1) Menu bar buttons should have a border on hover

2) Navigator links should be colored orange (same as breadcrumb) on hover

3) Hamburger and User links should be colored orange on hover

4) Bottom of editor page should be slightly higher than bottom of browser window and have a raised border so it doesn't look like the page is cut-off

5) Currently active side menu icon should be highlighted (e.g. if the Editor is currently open the "pencil" icon in the side menu should be highlighted)
Comment 1 Elijah El-Haddad CLA 2014-02-05 14:10:35 EST
Additional improvement:

6) Side menu should slide in and out smoothly rather than suddenly appearing and disappearing.
Comment 2 Elijah El-Haddad CLA 2014-02-05 14:22:24 EST
- Menu bar buttons should have a border on hover
- Navigator links are colored orange on hover
- Hamburger and User links are colored orange on hover
- Bottom of editor div raised and border shown to remove appearance of being cut-off
https://github.com/elijahe/orion.client/commit/15672ae4abcba0bc4003a528fd2ddc84432d7102
Comment 3 Elijah El-Haddad CLA 2014-02-05 15:30:41 EST
- Added smooth transition for opening and closing side menu
https://github.com/elijahe/orion.client/commit/f41853c4516b4e109055900ea04162918b6e568c
Comment 4 Elijah El-Haddad CLA 2014-02-05 15:54:50 EST
- Fixed z-index for side menu transition
https://github.com/elijahe/orion.client/commit/a2fb82f565f8056b0ae5c4a4fddb1aa333f5ad83
Comment 5 Elijah El-Haddad CLA 2014-02-05 17:05:56 EST
- Clear previous timeout
https://github.com/elijahe/orion.client/commit/70012687acb8f1d77dd8b4bd2edbbde0879765c4
Comment 6 Elijah El-Haddad CLA 2014-02-05 18:07:38 EST
- Added left arrow for side menu submenus
https://github.com/elijahe/orion.client/commit/f239e188234cab030c0f3b9df6ed0f68c52e674a
Comment 7 Elijah El-Haddad CLA 2014-02-07 14:43:09 EST
- Always highlight active navigation menu item
- Modified styling of navigation menu items to make them look like subtle buttons which are depressed when active
https://github.com/elijahe/orion.client/commit/31dc51fb5c0e2948002676f770868a72cd6dfc94
Comment 8 Elijah El-Haddad CLA 2014-02-07 16:14:59 EST
(In reply to Elijah El-Haddad from comment #7)
> - Always highlight active navigation menu item
> - Modified styling of navigation menu items to make them look like subtle
> buttons which are depressed when active
> https://github.com/elijahe/orion.client/commit/
> 31dc51fb5c0e2948002676f770868a72cd6dfc94

New rebased commit: https://github.com/elijahe/orion.client/commit/267f33e83f8575d87ce9dacfa942ca4bbbdf4656
Comment 9 Elijah El-Haddad CLA 2014-02-07 17:18:59 EST
- Made entire navigation menu tile clickable
- Centered navigation sub menu left arrow
https://github.com/elijahe/orion.client/commit/c3c2a94555a8e5185efc13d098c2afe74d812ccd
Comment 10 Elijah El-Haddad CLA 2014-02-19 13:41:25 EST
Closing this bug.
Comment 11 Elijah El-Haddad CLA 2014-02-19 13:42:03 EST
All github commits were pushed to eclipse.org by Orion committers.