Defect #6624

Project horizontal menu layout doesn't wrap

Added by Hans Schmidt about 11 years ago. Updated almost 5 years ago.

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

0%

Category:UI
Target version:-
Resolution:Fixed Affected version:

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 Redmine - Feature #12789: Redmine - design study New
Related to Redmine - Feature #10773: Support Nesting Menus New
Related to Redmine - Feature #6984: Configure order/position and visbility of tabs in menu New 2010-11-25
Related to Redmine - Feature #10718: Advanced menu (main,context) configuration like order, al... New
Related to Redmine - Patch #13892: Wraping Mainmenu on long menus Closed
Related to Redmine - Patch #20632: Tab left/right buttons for project menu Closed
Duplicated by Redmine - Defect #14526: Default Theme: Apparent strange behaviour with the main-m... Closed
Duplicated by Redmine - Defect #14489: Wrong CSS for large menu Closed

History

#1 Updated by Felix Schäfer about 11 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 about 11 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 about 11 years ago

+1 for any solution handling the problem

#4 Updated by Mischa The Evil about 11 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 over 10 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 over 8 years ago

Why is this still nlot fixed?

#7 Updated by Daniel Felix over 8 years 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 over 8 years 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 over 8 years 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

#10 Updated by Mischa The Evil over 8 years ago

  • Duplicated by Defect #14526: Default Theme: Apparent strange behaviour with the main-menu when many submenus are added added

#11 Updated by Toshi MARUYAMA about 8 years ago

#12 Updated by Jan S over 7 years ago

While a complete overhaul of the menu would be nice, I think applying this little fix in the next minor release would help people right now. Seeing this has been an issue for more than 3 years now, I'd rather like to have a little fix restoring functionality right now rather than waiting for the better "complete overhaul" solution for a possibly long, unknown time.

#13 Updated by Go MAEDA almost 5 years ago

  • Related to Patch #20632: Tab left/right buttons for project menu added

#14 Updated by Go MAEDA almost 5 years ago

  • Status changed from Confirmed to Closed
  • Target version deleted (Candidate for next minor release)
  • Resolution set to Fixed

Resolved by #20632 in a different solution.
Redmine 3.3.0 has tab left/right buttons in project menu.

Also available in: Atom PDF