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 79c5085ec2eac002036187ae19c7e90bce820f15..20177a9ea81e9d384f838e0aaf96f48e4f683ea2 100644 (file)
--- 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%;
   }