fix: #2453 - Fix standalone app page scrolling issues on mobile (#2457)

reapit · Aug 24, 2020 · bf703b7 · bf703b7
1 parent b570fa7
commit bf703b7
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/...rc/components/pages/app-detail/common/__tests__/__snapshots__/ui-app-header.test.tsx.snap b/...rc/components/pages/app-detail/common/__tests__/__snapshots__/ui-app-header.test.tsx.snap
@@ -25,7 +25,7 @@ exports[`AppHeader should match a snapshot 1`] = `
     </div>
   </Component>
   <Component
-    className="flex items-center"
+    className="items-center"
   >
     <img
       alt="Featured Image"

diff --git a/packages/marketplace/src/components/pages/app-detail/common/ui-app-header.tsx b/packages/marketplace/src/components/pages/app-detail/common/ui-app-header.tsx
@@ -38,7 +38,7 @@ const AppHeader: React.FC<AppHeaderProps> = ({ appDetailData, buttonGroup }) =>
           </div>
         </div>
       </GridItem>
-      <GridItem className="flex items-center">
+      <GridItem className="items-center">
         <img src={featureImageSrc || featureImagePlaceHolder} alt="Featured Image" />
       </GridItem>
     </Grid>

diff --git a/packages/marketplace/src/core/__tests__/__snapshots__/private-route-wrapper.tsx.snap b/packages/marketplace/src/core/__tests__/__snapshots__/private-route-wrapper.tsx.snap
@@ -11,6 +11,7 @@ exports[`PrivateRouteWrapper should match snapshot 1`] = `
     <Component
       flexColumn={true}
       hasPadding={true}
+      isPageContainer={true}
     >
       <Suspense
         fallback={

diff --git a/packages/marketplace/src/core/private-route-wrapper.tsx b/packages/marketplace/src/core/private-route-wrapper.tsx
@@ -49,7 +49,7 @@ export const PrivateRouteWrapper: React.FunctionComponent<PrivateRouteWrapperPro
       )}
         */}
       <FlexContainerBasic id="app-root-container" flexColumn isScrollable>
-        <FlexContainerResponsive hasPadding flexColumn>
+        <FlexContainerResponsive hasPadding flexColumn isPageContainer>
           <Suspense
             fallback={
               <Section>