Hide background / shadow when toolbar is collapsed

Author: ryanlanciaux

src/Toolbar/Toolbar.css

@@ -4,15 +4,14 @@
   display: flex;
   align-items: center;
   justify-content: space-between;
-  background-color: #FFF;
-  box-shadow: 0px 2px 8px rgba(41, 49, 58, 0.15);
+  background-color: rgba(255,255,255,0);
   box-sizing: border-box;
-
+  box-shadow: none;
   width: 100%;
   height: 40px;
   padding: 24px 0;
 
-  transition-property: height;
+  transition-property: height background-color box-shadow;
   transition-duration: 500ms;
   transition-timing-function: ease;
 }
@@ -25,4 +24,6 @@
 
 .toolbar.expanded {
   height: 120px;
+  background-color: #FFF;
+  box-shadow: 0px 2px 8px rgba(41, 49, 58, 0.15);
 }