Fixes #5034 #5035 - Page not found and remove alternate color scheme (#…

…5065)
mozilla-services · Oct 29, 2018 · 27bb443 · 27bb443
1 parent 4baae80
commit 27bb443
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/server/src/pages/leave-screenshots/view.js b/server/src/pages/leave-screenshots/view.js
@@ -29,7 +29,7 @@ class Body extends React.Component {
     }
     return (
       <reactruntime.BodyTemplate {...this.props}>
-        <div className="column-center full-height alt-color-scheme">
+        <div className="column-center full-height">
           <Localized id="gNoShots" attrs={{alt: true}}>
             <img src={ this.props.staticLink("/static/img/image-nope_screenshots.svg") } alt="no Shots found" width="432" height="432"/>
           </Localized>
@@ -57,7 +57,7 @@ class Body extends React.Component {
   renderComplete() {
     return (
       <reactruntime.BodyTemplate {...this.props}>
-        <div className="column-center full-height alt-color-scheme">
+        <div className="column-center full-height">
           <Localized id="gNoShots" attrs={{alt: true}}>
             <img src={ this.props.staticLink("/static/img/image-nope_screenshots.svg") } alt="no Shots found" width="432" height="432"/>
           </Localized>

diff --git a/server/src/pages/shot/view.js b/server/src/pages/shot/view.js
@@ -279,7 +279,7 @@ class Body extends React.Component {
     }
 
     return <reactruntime.BodyTemplate {...this.props}>
-      <div className="column-center full-height alt-color-scheme">
+      <div className="column-center full-height">
         <Localized id="gNoShots" attrs={{alt: true}}>
           <img src={ this.props.staticLink("/static/img/image-nope_screenshots.svg") } alt="no Shots found" width="432" height="432"/>
         </Localized>
@@ -315,7 +315,7 @@ class Body extends React.Component {
     // Note: any attributes used here need to be preserved
     // in the render() function
     return <reactruntime.BodyTemplate {...this.props}>
-      <div className="column-center full-height alt-color-scheme">
+      <div className="column-center full-height">
         <img src={ this.props.staticLink("/static/img/image-expired_screenshots.svg") } alt="no Shots found" width="432" height="432"/>
         <div className="alt-content">
           <Localized id="shotPageExpiredMessage">

diff --git a/static/css/partials/_header.scss b/static/css/partials/_header.scss
@@ -1,21 +1,21 @@
 .header-panel {
   @include respond-to("medium") {
     @include flex-container(row, center, center, wrap);
-    height: 100%;
   }
 
   @include respond-to("small") {
     @include flex-container(row, space-between, center, wrap);
-    height: 100%;
   }
 
   @include respond-to("large") {
     @include flex-container(row, center, center);
+    flex-basis: 96px;
   }
 
   background-color: $light-default;
   display: flex;
-  height: 70px;
+  flex-basis: 70px;
+  height: 100%;
   width: 100%;
 
   .logo {