a4eff3aa19
Using `flex` instead of a fixed width for the navigation, the elements take all the available space when the search form isn't present. That wasn't the case before and produced a strange effect on medium-sized screens. This way we also align the search to the right.
53 lines
1.5 KiB
Plaintext
53 lines
1.5 KiB
Plaintext
<header>
|
|
<% if display_remote_translation_info?(@remote_translations, I18n.locale) %>
|
|
<%= render "shared/remote_translations_button", remote_translations: @remote_translations %>
|
|
<% end %>
|
|
|
|
<div class="top-links">
|
|
<%= render "shared/locale_switcher" %>
|
|
<div class="hide-for-small-only">
|
|
<%= render "shared/top_links" %>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="top-bar">
|
|
<span data-responsive-toggle="responsive-menu" data-hide-for="medium">
|
|
<button type="button" class="menu-button" data-toggle>
|
|
<span class="menu-icon"></span>
|
|
<%= t("application.menu") %>
|
|
</button>
|
|
</span>
|
|
|
|
<h1 class="top-bar-title">
|
|
<%= link_to root_path, accesskey: "0" do %>
|
|
<%= image_tag(image_path_for("logo_header.png"), alt: setting["org_name"]) %>
|
|
<% end %>
|
|
</h1>
|
|
|
|
<div id="responsive-menu">
|
|
<div class="top-bar-right">
|
|
<ul class="menu" data-responsive-menu="medium-dropdown">
|
|
<%= render "shared/admin_login_items" %>
|
|
<%= render "layouts/notification_item" %>
|
|
<%= render "devise/menu/login_items" %>
|
|
</ul>
|
|
|
|
<div class="show-for-small-only">
|
|
<div class="subnavigation subnavigation-with-top-links">
|
|
<%= render "shared/subnavigation" %>
|
|
<%= render "shared/top_links" %>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="navigation_bar" class="subnavigation">
|
|
<div class="hide-for-small-only">
|
|
<%= render "shared/subnavigation" %>
|
|
</div>
|
|
|
|
<%= yield :header_addon %>
|
|
</div>
|
|
</header>
|