Bug 1426685 - Fix regressions from fixed-positioning global header

2 files changed, 30 insertions, 26 deletions

diff --git a/skins/standard/global.css b/skins/standard/global.css
index a00839de9..ab0a68a11 100644
--- a/skins/standard/global.css
+++ b/skins/standard/global.css
@@ -36,10 +36,13 @@
 
 /* global (begin) */
     body {
+        position: absolute;
+        margin: 0;
+        width: 100%;
+        height: 100%;
         font-family: sans-serif;
         color: #000;
         background: #fff url("global/body-back.gif") repeat-x;
-        scroll-behavior: smooth;
     }
     body, td, th, input {
         font-family: Verdana, sans-serif;
@@ -51,25 +54,25 @@
     }
 /* global (end) */
 
-/* header (begin) */
-    #header {
+/* wrapper (begin) */
+    #wrapper {
+        display: flex;
+        flex-direction: column;
         position: absolute;
-        top: 0;
-        left: 0;
-        z-index: 1000;
         width: 100%;
+        height: 100%;
+    }
+/* wrapper (end) */
+
+/* header (begin) */
+    #header {
+        flex: none;
         border-bottom: 1px solid rgba(0, 0, 0, 0.2);
         box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
         color: #555;
         background-color: #FFF;
     }
 
-    @media only screen and (min-device-width: 1024px) {
-        #header {
-            position: fixed; /* Make the header fixed on desktop */
-        }
-    }
-
     #header a,
     #header a:visited,
     #header a:hover {
@@ -398,6 +401,7 @@
         position: absolute;
         top: 48px;
         right: 0;
+        z-index: 100;
         display: flex;
         align-items: center;
         padding: 8px;
@@ -1127,6 +1131,7 @@ hr {
 }
 
 #mfa-warning {
+    flex: none;
     margin: 0 -15px;
     padding: 10px 15px;
     color: #FFF;
@@ -1134,10 +1139,17 @@ hr {
 }
 
 #bugzilla-body {
-    background: none;
-    border: none;
-    color: #404040;
-    margin: 15px auto 0;
+    flex: auto;
+    position: relative;
+    outline: none;
+    padding: 0 15px;
+    overflow-x: hidden;
+    overflow-y: scroll;
+    scroll-behavior: smooth;
+}
+
+#main-inner {
+    margin: 15px 0;
 }
 
 #bugzilla-body th {
@@ -1625,11 +1637,6 @@ table.tabs {
     padding-bottom: 6px;
 }
 
-body {
-    margin: 0;
-    padding: 50px 15px 15px;
-}
-
 #header .btn, #header .txt {
     font-size: 100%;
 }
diff --git a/skins/standard/page.css b/skins/standard/page.css
index da0c3be8d..82d4bacb1 100644
--- a/skins/standard/page.css
+++ b/skins/standard/page.css
@@ -20,11 +20,8 @@
 /* This CSS is used by various informational pages in the
    template/en/default/pages/ directory. */
 
-#bugzilla-body {
-    padding: 0 1em;
-}
-
-#bugzilla-body > * {
+#main-inner {
+    margin: 15px auto;
     /* People have an easier time reading narrower columns of text. */
     max-width: 45em;
 }