From 38524f5177babcccddd79ba8323bcc8f21db1371 Mon Sep 17 00:00:00 2001 From: Jean-Philippe Lang Date: Sat, 12 Mar 2016 10:00:37 +0000 Subject: [PATCH] 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 --- public/stylesheets/responsive.css | 9 +++++++-- 1 file changed, 7 insertions(+), 2 deletions(-) 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%; } -- 2.39.5