fix menu dropdown

This commit is contained in:
Felix Niklas 2015-10-07 14:18:32 +02:00
parent 3addfd1c10
commit 12892862e9
2 changed files with 27 additions and 25 deletions

View file

@ -1,6 +1,7 @@
<% for item in @items: %>
<% if item.child: %>
<a href="<%= item.target %>" class="dropdown-toggle dropdown<%- ' open' if @open_tab[item.target] %>" data-toggle="dropdown">
<div class="dropdown<%- ' open' if @open_tab[item.target] %>">
<a href="<%= item.target %>" class="menu-item js-<%- item.class %>MenuItem dropdown-toggle" data-toggle="dropdown">
<%- @Icon(item.class, 'menu-item-icon') %>
<span class="menu-item-name flex">
<%- @T(item.name) %>
@ -18,22 +19,22 @@
<li class="<% if @active_tab[item.target] : %>active<% end %>"><a href="<%= item.target %>"><%- @T( item.name ) %><% if item['count'] isnt undefined: %><span class="badge badge--text count"><%= item['count'] %></span><% end %></a></li>
<% end %>
</ul>
</li>
</div>
<% else: %>
<a class="menu-item js-<%- item.class %>MenuItem<%- ' is-active' if @active_tab[item.target] %>" href="<%= item.target %>">
<%- @Icon(item.class, 'menu-item-icon') %>
<span class="menu-item-name">
<%- @T(item.name) %>
</span>
<% if item.counter: %>
<span class="counter badge badge--big"></span>
<% end %>
<% if item.switch: %>
<span class="zammad-switch zammad-switch--dark zammad-switch--small">
<input type="checkbox" id="<%- item.class %>-switch">
<label for="<%- item.class %>-switch"></label>
</span>
<% end %>
</a>
<a class="menu-item js-<%- item.class %>MenuItem<%- ' is-active' if @active_tab[item.target] %>" href="<%= item.target %>">
<%- @Icon(item.class, 'menu-item-icon') %>
<span class="menu-item-name">
<%- @T(item.name) %>
</span>
<% if item.counter: %>
<span class="counter badge badge--big"></span>
<% end %>
<% if item.switch: %>
<span class="zammad-switch zammad-switch--dark zammad-switch--small">
<input type="checkbox" id="<%- item.class %>-switch">
<label for="<%- item.class %>-switch"></label>
</span>
<% end %>
</a>
<% end %>
<% end %>

View file

@ -2289,6 +2289,12 @@ footer {
height: 22px;
}
.menu .dropdown-menu {
left: 10px;
right: 15px;
min-width: 0;
}
.menu-item {
padding: 0 15px;
height: 48px;
@ -2297,12 +2303,13 @@ footer {
text-decoration: none;
display: flex;
align-items: center;
cursor: pointer;
&:hover {
background: hsl(230,10%,13%);
border-bottom-color: rgba(240, 250, 255, .08);
}
&.is-active,
&.is-hovered {
background: none;
@ -2325,13 +2332,7 @@ footer {
}
.dropdown-icon {
fill: hsl(206,7%,37%);
}
.dropdown-menu {
left: 10px;
right: 15px;
min-width: 0;
fill: currentColor;
}
}