jro_apps/redmine Commit - r14685:2ec87100a91f

Tab left/right buttons for project menu (#20632)....

Jean-Philippe Lang -

r14685:2ec87100a91f

parent child

Context file:

r14685:2ec87100a91f

Collapse all files

app/views/common/_tabs.html.erb 0 -5

               </div>
             </div>
-            <script>
-              $(document).ready(displayTabsButtons);
-              $(window).resize(displayTabsButtons);
-            </script>
             <% tabs.each do |tab| -%>
               <%= content_tag('div', render(:partial => tab[:partial], :locals => {:tab => tab} ),
                                    :id => "tab-content-#{tab[:name]}",

app/views/layouts/base.html.erb +5 -1

                 <h1><%= page_header_title %></h1>
                 <% if display_main_menu?(@project) %>
-                <div id="main-menu">
+                <div id="main-menu" class="tabs">
                     <%= render_main_menu(@project) %>
+                    <div class="tabs-buttons" style="display:none;">
+                        <button class="tab-left" onclick="moveTabLeft(this); return false;"></button>
+                        <button class="tab-right" onclick="moveTabRight(this); return false;"></button>
+                    </div>
                 </div>
                 <% end %>
             </div>

lib/redmine/menu_manager.rb +1 -1

                     menu_items_for(menu, project) do |node|
                       links << render_menu_node(node, project)
                     end
-                    links.empty? ? nil : content_tag('ul', links.join("\n").html_safe)
+                    links.empty? ? nil : content_tag('ul', links.join.html_safe)
                   end
                   def render_menu_node(node, project=nil)

public/javascripts/application.js +8 0

               });
             }
+            function setupTabs() {
+              if($('.tabs').length > 0) {
+                displayTabsButtons();
+                $(window).resize(displayTabsButtons);
+              }
+            }
             function hideOnLoad() {
               $('.hol').hide();
             }
             $(document).ready(hideOnLoad);
             $(document).ready(addFormObserversForDoubleSubmit);
             $(document).ready(defaultFocus);
+            $(document).ready(setupTabs);

public/stylesheets/application.css +10 -4

             pre, code {font-family: Consolas, Menlo, "Liberation Mono", Courier, monospace;}
             /***** Layout *****/
-            #wrapper {background: white;}
+            #wrapper {background: white;overflow: hidden;}
             #top-menu {background: #3E5B76; color: #fff; height:1.8em; font-size: 0.8em; padding: 2px 2px 0px 6px;}
             #top-menu ul {margin: 0;  padding: 0;}
             #header h1 a.ancestor { font-size: 80%; }
             #quick-search {float:right;}
-            #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px;}
+            #main-menu {position: absolute;  bottom: 0px;  left:6px; margin-right: -500px; width: 100%;}
-            #main-menu ul {margin: 0;  padding: 0;}
+            #main-menu ul {margin: 0;  padding: 0; width: 100%; white-space: nowrap;}
             #main-menu li {
-              float:left;
+              float:none;
               list-style-type:none;
               margin: 0px 2px 0px 0px;
               padding: 0px 0px 0px 0px;
               white-space:nowrap;
+              display:inline-block;
             }
             #main-menu li a {
               display: block;
             }
             #main-menu li a:hover {background:#759FCF; color:#fff;}
             #main-menu li a.selected, #main-menu li a.selected:hover {background:#fff; color:#555;}
+            #main-menu .tabs-buttons {
+              right: 6px;
+              background-color: transparent;
+              border-bottom-color: transparent;
+            }
             #admin-menu ul {margin: 0;  padding: 0;}
             #admin-menu li {margin: 0;  padding: 0 0 6px 0; list-style-type:none;}

General Comments 0

Write
Preview

You need to be logged in to leave comments. Login now

No TODOs yet

	Site-wide shortcuts
/	Use quick search box
g h	Goto home page
g g	Goto my private gists page
g G	Goto my public gists page
g 0-9	Goto bookmarked items from 0-9
n r	New repository page
n g	New gist page

	Repositories
g s	Goto summary page
g c	Goto changelog page
g f	Goto files page
g F	Goto files page with file search activated
g p	Goto pull requests page
g o	Goto repository settings
g O	Goto repository access permissions settings
t s	Toggle sidebar on some pages