Defect #6624

Project horizontal menu layout doesn't wrap

Added by Hans Schmidt almost 9 years ago. Updated almost 3 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 almost 9 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 almost 9 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 almost 9 years ago

+1 for any solution handling the problem

#4 Updated by Mischa The Evil almost 9 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 8 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 6 years ago

Why is this still nlot fixed?

#7 Updated by Daniel Felix over 6 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 6 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 6 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 about 6 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 almost 6 years ago

#12 Updated by Jan S over 5 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 3 years ago

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

#14 Updated by Go MAEDA almost 3 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