From 1c1d402badccaae71205e5f6b5620c2fc3209936 Mon Sep 17 00:00:00 2001
From: esikkala <esko.ikkala@aalto.fi>
Date: Tue, 8 Oct 2019 15:55:38 +0300
Subject: [PATCH] Set app background color in single place

---
 src/client/components/main_layout/InfoHeader.js |  1 -
 src/client/containers/SemanticPortal.js         | 10 +++++-----
 src/client/index.html                           |  1 +
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/client/components/main_layout/InfoHeader.js b/src/client/components/main_layout/InfoHeader.js
index c87845b4..47f51a66 100644
--- a/src/client/components/main_layout/InfoHeader.js
+++ b/src/client/components/main_layout/InfoHeader.js
@@ -16,7 +16,6 @@ const styles = theme => ({
     paddingTop: theme.spacing(1),
     paddingLeft: theme.spacing(1.5),
     paddingRight: theme.spacing(1.5),
-    backgroundColor: '#bdbdbd',
     [theme.breakpoints.down('sm')]: {
       marginTop: 56,
     },
diff --git a/src/client/containers/SemanticPortal.js b/src/client/containers/SemanticPortal.js
index 3d8277b2..2baa0692 100644
--- a/src/client/containers/SemanticPortal.js
+++ b/src/client/containers/SemanticPortal.js
@@ -64,7 +64,7 @@ const styles = theme => ({
   },
   mainContainer: {
     height: 'auto',
-    backgroundColor: '#bdbdbd',
+    // backgroundColor: '#bdbdbd',
     padding: theme.spacing(1),
     [theme.breakpoints.down('sm')]: {
       marginTop: 56, // app bar
@@ -77,7 +77,7 @@ const styles = theme => ({
   },
   perspectiveContainerHeaderExpanded: {
     height: 'auto',
-    backgroundColor: '#bdbdbd',
+    // backgroundColor: '#bdbdbd',
     padding: theme.spacing(1),
     [theme.breakpoints.down('sm')]: {
       marginTop: 256, // app bar + header
@@ -90,7 +90,7 @@ const styles = theme => ({
   },
   perspectiveContainer: {
     height: 'auto',
-    backgroundColor: '#bdbdbd',
+    // backgroundColor: '#bdbdbd',
     padding: theme.spacing(1),
     [theme.breakpoints.down('sm')]: {
       marginTop: 133, // app bar + header
@@ -103,7 +103,7 @@ const styles = theme => ({
   },
   instancePageContainerHeaderExpanded: {
     height: 'auto',
-    backgroundColor: '#bdbdbd',
+    // backgroundColor: '#bdbdbd',
     padding: theme.spacing(1),
     [theme.breakpoints.down('sm')]: {
       marginTop: 296,
@@ -116,7 +116,7 @@ const styles = theme => ({
   },
   instancePageContainer: {
     height: 'auto',
-    backgroundColor: '#bdbdbd',
+    // backgroundColor: '#bdbdbd',
     padding: theme.spacing(1),
     [theme.breakpoints.down('sm')]: {
       marginTop: 173,
diff --git a/src/client/index.html b/src/client/index.html
index 8ceee47b..2d134a31 100644
--- a/src/client/index.html
+++ b/src/client/index.html
@@ -18,6 +18,7 @@
     }
     #root, #app {
       height: 100%;
+      background-color: #bdbdbd;
     }
     a, a:visited, a:hover, a:active {
       color: inherit;
-- 
GitLab