[designfix] add action menu to base layout

only show if there is content for the action menu
pull/41/head
Romano Licker 13 years ago
parent bfcce46d51
commit e38860fcd1
  1. 16
      app/views/layouts/base.rhtml
  2. 1
      config/locales/de.yml
  3. 1
      config/locales/en.yml
  4. 24
      public/stylesheets/application.css

@ -128,6 +128,22 @@
<div class="<%= side_displayed ? '' : "nosidebar" %>" id="content">
<h1 class="hidden-for-sighted"><%= l(:label_content) %></h1>
<%= render_flash_messages %>
<!-- Action menu -->
<% if @content_for_action_menu_main %>
<ul class="action_menu_main">
<%= yield :action_menu_main %>
<% if @content_for_action_menu_more %>
<li class="drop-down">
<a href="javascript:" class="icon icon-more"><%= l(:more_actions) %></a>
<ul class="action_menu_more" style="display:none;">
<%= yield :action_menu_more %>
</ul>
</li>
<% end %>
</ul>
<% end %>
<%= yield %>
<%= call_hook :view_layouts_base_content %>
<div style="clear:both;">&nbsp;</div>

@ -1046,3 +1046,4 @@ de:
description_parent_issue: Übergeordnetes Ticket
description_sub_issue: Untergeordnetes Ticket
label_issue_hierarchy: "Tickethierarchie"
more_actions: Weitere Aktionen

@ -1028,3 +1028,4 @@ en:
description_parent_issue: Parent issue of current
description_sub_issue: Subissue of current
label_issue_hierarchy: "Issue Hierarchy"
more_actions: More Actions

@ -999,6 +999,7 @@ padding-bottom: 3px;
.icon-issue { background-image: url(../images/ticket.png); }
.icon-zoom-in { background-image: url(../images/zoom_in.png); }
.icon-zoom-out { background-image: url(../images/zoom_out.png); }
.icon-more { background-image: url(../images/text_list_bullets.png); }
.icon-file { background-image: url(../images/files/default.png); }
.icon-file.text-plain { background-image: url(../images/files/text.png); }
@ -2736,3 +2737,26 @@ select#available_columns {
list-style-type: disc;
list-style-position: inside;
}
ul.action_menu_main {
float:right;
margin-top: 14px;
}
ul.action_menu_main > li {
float:left;
padding-right:10px;
}
ul.action_menu_more > li {
padding-top: 5px;
}
ul.action_menu_more {
padding: 5px;
padding-bottom:10px;
width: 165px;
position: absolute;
background: white;
margin-left: -54px;
margin-top: 5px;
border: 1px solid #B7B7B7;
-webkit-box-shadow: 1px 1px 2px #aaa;
z-index:100;
}

Loading…
Cancel
Save