fix: working profile scroll on mobile (#5291)

* working scroll on mobile * just continue Co-authored-by: Charles Bachmeier <charlie@genie.xyz>

fix: working profile scroll on mobile (#5291)
* working scroll on mobile * just continue Co-authored-by: Charles Bachmeier <charlie@genie.xyz>
321b8df3 · Charles Bachmeier · GitHub · f1990ff0 · 321b8df3 · 321b8df3
Commit 321b8df3 authored Nov 17, 2022 by Charles Bachmeier Committed by GitHub Nov 17, 2022
Showing with 4 additions and 26 deletions

ListPage.tsx src/nft/components/profile/list/ListPage.tsx +1 -1

profile.css.ts src/nft/pages/profile/profile.css.ts +1 -15

profile.tsx src/nft/pages/profile/profile.tsx +2 -10

No files found.
--- a/src/nft/components/profile/list/ListPage.tsx
+++ b/src/nft/components/profile/list/ListPage.tsx
@@ -685,7 +685,7 @@ export const ListPage = () => {

  return (
    <Column display="flex" flexWrap="nowrap">
-      <Column marginLeft="14" display={{ sm: 'none', lg: 'flex' }}>
+      <Column marginLeft="14" display="flex">
        <Box
          aria-label="Back"
          as="button"

--- a/src/nft/pages/profile/profile.css.ts
+++ b/src/nft/pages/profile/profile.css.ts
@@ -15,11 +15,8 @@ export const notConnected = style({
  height: '70vh',
 })

-export const mobileSellWrapper = style([
+export const profileWrapper = style([
  sprinkles({
-    position: { sm: 'fixed', md: 'static' },
-    top: { sm: '0', md: 'unset' },
-    zIndex: { sm: '3', md: 'auto' },
    height: { sm: 'full', md: 'auto' },
    width: 'full',
  }),
@@ -27,14 +24,3 @@ export const mobileSellWrapper = style([
    scrollbarWidth: 'none',
  },
 ])
-
-export const mobileSellHeader = style([
-  sprinkles({
-    display: { sm: 'flex', md: 'none' },
-    paddingY: '24',
-    paddingX: '16',
-  }),
-  {
-    height: NAVBAR_HEIGHT,
-  },
-])
--- a/src/nft/pages/profile/profile.tsx
+++ b/src/nft/pages/profile/profile.tsx
@@ -3,8 +3,7 @@ import { PageName } from '@uniswap/analytics-events'
 import { useWeb3React } from '@web3-react/core'
 import { useLoadNftBalanceQuery } from 'graphql/data/nft/NftBalance'
 import { Box } from 'nft/components/Box'
-import { Center, Column, Row } from 'nft/components/Flex'
-import { ChevronLeftIcon } from 'nft/components/icons'
+import { Center, Column } from 'nft/components/Flex'
 import { ListPage } from 'nft/components/profile/list/ListPage'
 import { ProfilePage } from 'nft/components/profile/view/ProfilePage'
 import { ProfilePageLoadingSkeleton } from 'nft/components/profile/view/ProfilePageLoadingSkeleton'
@@ -47,17 +46,10 @@ const ProfileContent = () => {

  return (
    <Trace page={PageName.NFT_PROFILE_PAGE} shouldLogImpression>
-      <Box className={styles.mobileSellWrapper}>
+      <Box className={styles.profileWrapper}>
        {/* <Head> TODO: figure out metadata tagging
          <title>Genie | Sell</title>
        </Head> */}
-        <Row className={styles.mobileSellHeader}>
-          {sellPageState === ProfilePageStateType.LISTING && (
-            <Box marginRight="4" onClick={() => setSellPageState(ProfilePageStateType.VIEWING)}>
-              <ChevronLeftIcon height={28} width={28} />
-            </Box>
-          )}
-        </Row>
        {account != null ? (
          <Box style={{ width: `calc(100% - ${cartExpanded ? SHOPPING_BAG_WIDTH : 0}px)` }}>
            {sellPageState === ProfilePageStateType.VIEWING ? <ProfilePage /> : <ListPage />}