fix: Fixed CommandBar not support custom background

Close #29
myxvisual · Nov 27, 2017 · b51b0e7 · b51b0e7
1 parent 5af6b9a
commit b51b0e7
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/docs/src/routes/Components/CommandBar/SimpleExample.tsx b/docs/src/routes/Components/CommandBar/SimpleExample.tsx
@@ -22,6 +22,7 @@ export default class SimpleExample extends React.Component {
     return (
       <div>
         <CommandBar
+          background="transparent"
           content="Now Playing..."
           primaryCommands={[
             <AppBarButton icon="Shuffle" label="Shuffle" />,

diff --git a/src/CommandBar/index.tsx b/src/CommandBar/index.tsx
@@ -242,7 +242,7 @@ function getStyles(commandBar: CommandBar): {
       justifyContent: haveContent ? "space-between" : "flex-start",
       fontSize: 14,
       color: theme.baseMediumHigh,
-      background: theme.useFluentDesign ? theme.listLow : background || theme.altHigh,
+      background: background || (theme.useFluentDesign ? theme.listLow :  theme.altHigh),
       height: changedHeight,
       transition
     }),