Remove unnecessary classes in header
Since the top-bar already includes a layout positioning the elements, these classes are redundant and actually confusing, since the element floating to the right was on the left. This solves a problem where the outline wasn't correctly displayed when focusing on the logo using the keyboard. Firefox was displaying two vertical lines together above the logo, while recent Chrome versions displayed the outline to the right of the logo.
This commit is contained in:
@@ -11,7 +11,7 @@
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="top-bar">
|
<div class="top-bar">
|
||||||
<span data-responsive-toggle="responsive-menu" data-hide-for="medium" class="float-right">
|
<span data-responsive-toggle="responsive-menu" data-hide-for="medium">
|
||||||
<button type="button" class="menu-button" data-toggle>
|
<button type="button" class="menu-button" data-toggle>
|
||||||
<span class="menu-icon"></span>
|
<span class="menu-icon"></span>
|
||||||
<%= t("application.menu") %>
|
<%= t("application.menu") %>
|
||||||
@@ -20,7 +20,7 @@
|
|||||||
|
|
||||||
<h1 class="top-bar-title">
|
<h1 class="top-bar-title">
|
||||||
<%= link_to root_path, accesskey: "0" do %>
|
<%= link_to root_path, accesskey: "0" do %>
|
||||||
<%= image_tag(image_path_for("logo_header.png"), class: "float-left", alt: setting["org_name"]) %>
|
<%= image_tag(image_path_for("logo_header.png"), alt: setting["org_name"]) %>
|
||||||
<% end %>
|
<% end %>
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user