From d34e93bef961dee15e0cb4611e4289521b474ef9 Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Tue, 28 Mar 2017 15:11:40 -0700
Subject: [PATCH] [explore] remove grey background in standalone mode

---
 .../javascripts/explorev2/components/ChartContainer.jsx       | 2 ++
 superset/assets/javascripts/explorev2/main.css                | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/superset/assets/javascripts/explorev2/components/ChartContainer.jsx b/superset/assets/javascripts/explorev2/components/ChartContainer.jsx
index ce6a5b9b1c0fc..8f338478824bf 100644
--- a/superset/assets/javascripts/explorev2/components/ChartContainer.jsx
+++ b/superset/assets/javascripts/explorev2/components/ChartContainer.jsx
@@ -209,6 +209,8 @@ class ChartContainer extends React.PureComponent {
 
   render() {
     if (this.props.standalone) {
+      // dom manipulation hack to get rid of the boostrap theme's body background
+      $('body').addClass('no-background');
       return this.renderChart();
     }
     const queryResponse = this.props.queryResponse;
diff --git a/superset/assets/javascripts/explorev2/main.css b/superset/assets/javascripts/explorev2/main.css
index 0d56bca3728f3..0ebdfd3e5ee51 100644
--- a/superset/assets/javascripts/explorev2/main.css
+++ b/superset/assets/javascripts/explorev2/main.css
@@ -30,3 +30,7 @@
   margin-bottom: 0px;
   box-shadow: none;
 }
+
+.no-background {
+  background: none !important;
+}