Move menu button to the left in the admin section
So now it uses the same interface and styles as the main layout. On
small screens, it's easier to play with the menu when the button is on
the left because the menu it opens is aligned to the left.
Note that now we can get rid of the title-bar class; we didn't use the
styles in the public area since commit dcec003d0, and we were overriding
all the Foundation styles in the admin area with the exception of the
padding, which we no longer need.
This commit is contained in:
@@ -43,7 +43,6 @@
|
||||
@include foundation-table;
|
||||
@include foundation-tabs;
|
||||
@include foundation-thumbnail;
|
||||
@include foundation-title-bar;
|
||||
@include foundation-tooltip;
|
||||
@include foundation-visibility-classes;
|
||||
@include foundation-float-classes;
|
||||
|
||||
@@ -616,11 +616,6 @@ body > header,
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
background: none;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.dropdown.menu > li {
|
||||
|
||||
a {
|
||||
|
||||
@@ -77,10 +77,4 @@
|
||||
height: auto !important;
|
||||
}
|
||||
}
|
||||
|
||||
.title-bar {
|
||||
color: inherit;
|
||||
position: absolute;
|
||||
right: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -8,15 +8,6 @@
|
||||
</div>
|
||||
|
||||
<div class="expanded row admin-top-bar">
|
||||
<% if show_account_menu? %>
|
||||
<div class="title-bar" data-responsive-toggle="responsive_menu" data-hide-for="medium">
|
||||
<button class="menu-button" type="button" data-toggle="responsive_menu">
|
||||
<span class="menu-icon"></span>
|
||||
<span class="title-bar-title"><%= t("application.menu") %></span>
|
||||
</button>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
<div class="top-bar">
|
||||
<h1>
|
||||
<%= link_to namespace_path do %>
|
||||
@@ -26,7 +17,14 @@
|
||||
</h1>
|
||||
|
||||
<% if show_account_menu? %>
|
||||
<div id="responsive_menu">
|
||||
<div data-responsive-toggle="responsive_menu" data-hide-for="medium">
|
||||
<button class="menu-button" type="button" data-toggle="responsive_menu">
|
||||
<span class="menu-icon"></span>
|
||||
<span><%= t("application.menu") %></span>
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div id="responsive_menu" class="responsive-menu">
|
||||
<%= render Layout::AccountMenuComponent.new(user) %>
|
||||
</div>
|
||||
<% end %>
|
||||
|
||||
Reference in New Issue
Block a user