fix interaction between burger menu and news listing

2018-10-26 15:19:10 -07:00
parent 3a5eba0eaf
commit 1fb7924afb
2 changed files with 8 additions and 4 deletions
--- a/app/javascript/src/styles/specific/z_responsive.scss
+++ b/app/javascript/src/styles/specific/z_responsive.scss
@@ -59,12 +59,16 @@
    }
  }

+  header {
+    position: relative;
+  }
+
  #maintoggle {
    display: block;
    font-weight: bold;
    position: absolute;
-    top: 3vw;
-    right: 4vw;
+    top: 2vw;
+    right: 3vw;
    font-size: 2em;

    &.toggler-active {
--- a/app/views/layouts/default.html.erb
+++ b/app/views/layouts/default.html.erb
@@ -96,9 +96,9 @@

 </head>
 <%= tag.body **body_attributes(CurrentUser.user) do %>
-  <header id="top">
-    <%= render "news_updates/listing" %>
+  <%= render "news_updates/listing" %>

+  <header id="top">
    <h1><%= link_to Danbooru.config.app_name, "/" %></h1>
    
    <div id="maintoggle">