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:
Javi Martín
2023-01-28 02:48:04 +01:00
parent b50b7ad64a
commit b489923f66
4 changed files with 8 additions and 22 deletions

View File

@@ -43,7 +43,6 @@
@include foundation-table; @include foundation-table;
@include foundation-tabs; @include foundation-tabs;
@include foundation-thumbnail; @include foundation-thumbnail;
@include foundation-title-bar;
@include foundation-tooltip; @include foundation-tooltip;
@include foundation-visibility-classes; @include foundation-visibility-classes;
@include foundation-float-classes; @include foundation-float-classes;

View File

@@ -616,11 +616,6 @@ body > header,
cursor: inherit; cursor: inherit;
} }
.title-bar {
background: none;
float: right;
}
.dropdown.menu > li { .dropdown.menu > li {
a { a {

View File

@@ -77,10 +77,4 @@
height: auto !important; height: auto !important;
} }
} }
.title-bar {
color: inherit;
position: absolute;
right: 12px;
}
} }

View File

@@ -8,15 +8,6 @@
</div> </div>
<div class="expanded row admin-top-bar"> <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"> <div class="top-bar">
<h1> <h1>
<%= link_to namespace_path do %> <%= link_to namespace_path do %>
@@ -26,7 +17,14 @@
</h1> </h1>
<% if show_account_menu? %> <% 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) %> <%= render Layout::AccountMenuComponent.new(user) %>
</div> </div>
<% end %> <% end %>