Defect #6624

Project horizontal menu layout doesn't wrap

Added by Hans Schmidt over 2 years ago. Updated about 1 month ago.

Status:ConfirmedStart date:2010-10-11
Priority:NormalDue date:
Assignee:-% Done:

0%

Category:UI
Target version:Candidate for next minor release
Affected version: Resolution:

Description

The Screenshot defect.png show the defect.

My fix fix.PNG :
File: /redmine-root/app/views/layouts/base.rhtml
Add in line 52: <div style="clear: both;"></div>
Clears the float:left from main-menu / ul / li

  <div id="main-menu">
    <%= render_main_menu(@project) %>
  </div>
  <% end %>
+ <div style="clear: both;"></div>

Edit css:
#header {height:100%; margin:0; padding: 4px 8px 0px 6px; position:relative;}
#main-menu {margin-right: 0px; position: relative; left: 0px;}

defect.png - Layout defect (60.3 KB) Hans Schmidt, 2010-10-11 12:06

fix.PNG - Layout fix (23.5 KB) Hans Schmidt, 2010-10-11 12:06


Related issues

Related to Feature #12789: Redmine - design study New
Related to Feature #10773: Support Nesting Menus New
Related to Feature #6984: Configure order/position and visbility of tabs in menu New 2010-11-25
Related to Feature #10718: Advanced menu (main,context) configuration like order, al... New
Related to Patch #13892: Wraping Mainmenu on long menus New

History

#1 Updated by Felix Schäfer over 2 years ago

  • Category set to UI

I'm not sure if wrapping the tabs is the preferred way, most other tab bars have arrows left an right to navigate them. Anyway, I think it's more than time that we get a nested project menu, and maybe even put it in a left sidebar rather than atop the project.

#2 Updated by Jean-Baptiste Barth over 2 years ago

It's partially related to my request at #6271. +1 for Felix comment anyway, too many tabs at the same level on the top is not so good...

#3 Updated by Terence Mill over 2 years ago

+1 for any solution handling the problem

#4 Updated by Mischa The Evil over 2 years ago

Felix Schäfer wrote:

[...] and maybe even put it in a left sidebar rather than atop the project.

This can be achieved using my Collapse plugin. It has a feature to render the project-menu inside the added sidebar instead of atop of the project.

Note: The plugin isn't compatible with recent Redmine versions. An updated version is on his way... ;)

#5 Updated by Terence Mill about 2 years ago

would be nice if this patch can be included in next version. At the momemnt the layout is kind of static and not growing with scrren size.

#6 Updated by Terence Mill about 1 month ago

Why is this still nlot fixed?

#7 Updated by Daniel Felix about 1 month ago

Another idea would be to create a breadcrumb menu, which lies above the project menu and has more space. But I encounter this misbehaviour too.

I add a relation to #12789.

#8 Updated by Etienne Massip about 1 month ago

  • Subject changed from Layout defect to Project horizontal menu layout doesn't wrap
  • Status changed from New to Confirmed
  • Target version set to Candidate for next minor release

#9 Updated by Terence Mill about 1 month ago

related to

  • Support Nesting Menus #10773
  • Configure order/position and visbility of tabs in menu #6984
  • Advanced menu (main,context) configuration like order, aligment, grouping and behaviour #10718

Also available in: Atom PDF