fix(popupfield, daypicker): Change dialog transition styles back to t…

…op, as transform breaks desktop styling (#122)
qantasairways · Aug 20, 2019 · a59209e · a59209e
1 parent 5542391
commit a59209e
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 44 deletions.
diff --git a/src/components/DayPicker/__tests__/__snapshots__/DayPicker.spec.js.snap b/src/components/DayPicker/__tests__/__snapshots__/DayPicker.spec.js.snap
diff --git a/src/components/PopupField/__tests__/__snapshots__/PopupField.spec.js.snap b/src/components/PopupField/__tests__/__snapshots__/PopupField.spec.js.snap
diff --git a/src/shared/ButtonWithDialog/index.js b/src/shared/ButtonWithDialog/index.js
@@ -26,13 +26,13 @@ function addQComZIndex(zIndex) {
 
 export const transitionStylesSlideUp = {
   entering: {
-    transform: 'translateY(0)'
+    top: '100%'
   },
   entered: {
-    transform: 'translateY(-100%)'
+    top: 0
   },
   exiting: {
-    transform: 'translateY(0)'
+    top: '100%'
   }
 };
 
@@ -45,7 +45,7 @@ export const dialogStylesFullScreen = {
   left: 0,
   position: 'fixed',
   top: '100%',
-  transition: `transform 300ms ease-in-out`,
+  transition: `top 300ms ease-in-out`,
   width: '100%',
   zIndex: 1000,
   display: 'flex',