From: Jean-Philippe Lang <jp_lang@yahoo.fr>
Date: Sat, 12 Mar 2016 10:00:37 +0000 (+0000)
Subject: Let mobile header be fixed (#21847).
X-Git-Tag: 3.3.0~213
X-Git-Url: https://source.dussan.org/?a=commitdiff_plain;h=38524f5177babcccddd79ba8323bcc8f21db1371;p=redmine.git

Let mobile header be fixed (#21847).

Patch by Felix Gliesche.

git-svn-id: http://svn.redmine.org/redmine/trunk@15204 e93f8b46-1217-0410-a6f0-8f06a7374b81
---

diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css
index 79c5085ec..20177a9ea 100644
--- a/public/stylesheets/responsive.css
+++ b/public/stylesheets/responsive.css
@@ -94,6 +94,8 @@
     padding: 0;
     border: none;
     background-color: #628db6;
+    position: fixed;
+    z-index: 9999;
   }
 
   /* Hide project name on mobile (project name is still visible in select menu) */
@@ -188,7 +190,7 @@
   \*----------------------------------------*/
 
   #main {
-    padding: 0;
+    padding: 64px 0 0; /* padding-top equals header height */
   }
 
   #main.nosidebar #content,
@@ -524,9 +526,12 @@
   html.flyout-is-active {
     overflow: hidden;
   }
+ 
+  .flyout-is-active #wrapper, .flyout-is-active #header {
+    right: 250px; /* when left flyout is active, move body and header to the right (same amount like flyout-menu's width) */
+  }
 
   .flyout-is-active #wrapper {
-    right: 250px; /* when left flyout is active, move body to the right (same amount like flyout-menu's width) */
     overflow: visible;
     height: 100%;
   }