Merge pull request #6042 from glitchperfect/patch-4

fix (addon/backgrounds): addon panel doesn't hide
storybookjs · Mar 17, 2019 · 0033e3a · 0033e3a
1 parent 9cf2866
commit 0033e3a
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/addons/backgrounds/src/containers/BackgroundSelector.tsx b/addons/backgrounds/src/containers/BackgroundSelector.tsx
@@ -1,7 +1,7 @@
 import React, { Component, Fragment } from 'react';
 import memoize from 'memoizerific';
 
-import { Global } from '@storybook/theming';
+import { Global, Theme } from '@storybook/theming';
 
 import { SET_STORIES } from '@storybook/core-events';
 
@@ -125,11 +125,14 @@ export class BackgroundSelector extends Component<BackgroundToolProps, Backgroun
       <Fragment>
         {selectedBackgroundColor ? (
           <Global
-            styles={{
+            styles={(theme: Theme) => ({
               [`#${iframeId}`]: {
-                background: selectedBackgroundColor,
+                background:
+                  selectedBackgroundColor === 'transparent'
+                    ? theme.background.content
+                    : selectedBackgroundColor,
               },
-            }}
+            })}
           />
         ) : null}
         <WithTooltip