Bug 670438

Summary: Split menu in lower resolutions, e.g. 1024x768
Product: [Retired] Beaker Reporter: Jan Sarenik <jsarenik>
Component: web UIAssignee: Dan Callaghan <dcallagh>
Status: CLOSED CURRENTRELEASE QA Contact:
Severity: medium Docs Contact:
Priority: low    
Version: 0.6CC: apagac, bpeck, dcallagh, jingwang, jneedle, llim, lzachar, mcsontos, rmancy
Target Milestone: 0.15.1   
Target Release: ---   
Hardware: Unspecified   
OS: Unspecified   
Whiteboard: UX
Fixed In Version: Doc Type: Bug Fix
Doc Text:
Story Points: ---
Clone Of: Environment:
Last Closed: 2013-10-23 06:59:23 UTC Type: ---
Regression: --- Mount Type: ---
Documentation: --- CRM:
Verified Versions: Category: ---
oVirt Team: --- RHEL 7.3 requirements from Atomic Host:
Cloudforms Team: --- Target Upstream Version:
Embargoed:
Attachments:
Description Flags
Broken menu none

Description Jan Sarenik 2011-01-18 10:17:36 UTC 
Created attachment 474015 [details]
Broken menu

Menu at the top is ugly on my LCD with native
width 1024 px.

Version - 0.6.2, and it was not better in any past version.

How reproducible: 100%

Steps to Reproduce:
1. Set the width of your browser window to 1024 px
2. Open http://beaker.engineering.redhat.com WebUI
3. Log in as 'jsarenik' or other long login name.

Actual results: Menu is broken into two lines.

Expected results: Should be everything on one line.
  (I will rather scroll horizontally, i.e. setting
  the menu to fixed minimal width would work for me).

Additional info: See attached screenshot.
  The most funny is that increasing the width
  only by few (virtual in my case) pixels
  makes the menu appear on one line only.
Comment 1 Marian Csontos 2011-01-18 10:55:19 UTC 
I would rather see any/all of:

- smaller Beaker logo
- no "Hello" string
- some white space on left, right and perhaps between items removed

than horizontal scrolling which should be only last resort: I hate having things hidden "behind the corner."
Comment 2 Raymond Mancy 2011-01-18 23:32:59 UTC 
I was sitting down with one of the sys admins here and I noticed the same thing with his very narrow browser window.

I too would rather not have horizontal scrolling.
Comment 4 Dan Callaghan 2012-12-17 03:13:54 UTC 
*** Bug 887321 has been marked as a duplicate of this bug. ***
Comment 5 Dan Callaghan 2012-12-17 03:15:30 UTC 
Bug 887321 points out that this also has the consequence of making the left-hand menu items unclickable.
Comment 6 Dan Callaghan 2013-04-11 22:37:26 UTC 
*** Bug 950936 has been marked as a duplicate of this bug. ***
Comment 7 Dan Callaghan 2013-09-25 05:39:27 UTC 
The majority of the issues here have been fixed with the web UI refresh in 0.15. The menu bar correctly collapses inwards at all widths. However we can go one further, and hide some superfluous menu items when the viewport is narrow to save a bit of space:

http://gerrit.beaker-project.org/2294
Comment 9 wangjing 2013-10-10 09:45:16 UTC 
verified on beaker-devel Version 0.15.0(2013-10-10)-->pass

steps:
1. Set the width of browser window to 1024 px
2. visit beaker-devel homepage
3. Log in as admin/normal accouts.

Actual results: same as expected results.

Expected results: 
Should be everything on one line on top menu.
Comment 10 Raymond Mancy 2013-10-23 06:59:23 UTC 
beaker 0.15.1 has been released.