fix(DIST-382): Add shadow transition to sidetab

Typeform · Aug 6, 2020 · e8f76be · e8f76be
1 parent b0bcec6
commit e8f76be
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/core/views/popup.js b/src/core/views/popup.js
@@ -94,8 +94,9 @@ const popoverWrapper = styled(BaseWrapper)`
 const sidePanelWrapper = styled.div`
   width: ${p => p.width}px;
   height: ${p => p.height}px;
-  box-shadow: rgba(0, 0, 0, 0.08) 0px 2px 4px, rgba(0, 0, 0, 0.06) 0px 2px 12px;
-`
+  box-shadow: rgba(0, 0, 0, ${p => p.open ? '0.08' : '0'}) 0px 2px 4px, rgba(0, 0, 0, ${p => p.open ? '0.06' : '0'}) 0px 2px 12px;
+  transition: box-shadow 300ms ease-out;
+  `
 
 const BaseCloseImage = styled.img`
   position: absolute;