Address layout width issue when dashboard is on (travis-ci#2052)

* Address layout width issue when dashboard is on * Fix header and footer issues on help page. * Avoid breaking wide sidebar layout
mtoothman · Jun 20, 2019 · f05cf09 · f05cf09
1 parent 7d9cbd3
commit f05cf09
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/app/styles/app/layout.scss b/app/styles/app/layout.scss
@@ -1,4 +1,4 @@
-$max-width: 1024px;
+$max-width: $layout-max-width;
 $padding-top: 24px;
 
 .main {
@@ -96,7 +96,6 @@ $padding-top: 24px;
   }
 }
 
-.feature-wrapper.dashboard,
 .centered,
 .centered.wrapper {
   #left {

diff --git a/app/styles/app/layouts/footer.scss b/app/styles/app/layouts/footer.scss
@@ -66,7 +66,7 @@ $styleguide-medium: 800px;
   }
 }
 
-.dashboard, .profile-view, .wrapper.centered, .landing-pro {
+.dashboard, .profile-view, .wrapper.centered, .landing-pro, .help-page {
   & + .footer {
     .layout-inner {
       max-width: $styleguide-layout-max-width;

diff --git a/app/styles/app/layouts/top.scss b/app/styles/app/layouts/top.scss
@@ -78,6 +78,11 @@
     height: auto;
   }
 
+  .layout-striped & {
+    max-width: $layout-max-width;
+    margin: auto;
+  }
+
   @media #{$medium-up} {
     &,
     &.has-autoheight {

diff --git a/app/styles/app/vars.scss b/app/styles/app/vars.scss
@@ -10,6 +10,7 @@ $font-weight-normal: 400;
 $font-weight-bold: 600;
 
 $top-height: 55px;
+$layout-max-width: 1024px;
 
 $turf-green: #39aa56;
 $seed-green: #deecdc;