matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Try using react-sticky-box instead of react-stickynode

Browse Source
This commit is contained in:
Alex Gleason
2022-04-06 10:04:06 -05:00
parent 48fb37a90d
commit fe4c2d5c5b
3 changed files with 19 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/soapbox/components/ui/layout/layout.tsx
View File

@ -1,6 +1,6 @@
import classNames from 'classnames';
import React from 'react';
import Sticky from 'react-stickynode';
import StickyBox from 'react-sticky-box';
const Layout: React.FC = ({ children }) => (
<div className='sm:py-4 relative pb-36'>
@ -13,9 +13,9 @@ const Layout: React.FC = ({ children }) => (
const Sidebar: React.FC = ({ children }) => (
<div className='hidden lg:block lg:col-span-3'>
<Sticky top={80} innerClass='pb-4'>
<StickyBox offsetTop={80} className='pb-4'>
{children}
</Sticky>
</StickyBox>
</div>
);
@ -31,9 +31,9 @@ const Main: React.FC<React.HTMLAttributes<HTMLDivElement>> = ({ children, classN
const Aside: React.FC = ({ children }) => (
<aside className='hidden xl:block xl:col-span-3'>
<Sticky top={80} innerClass='space-y-6 pb-4'>
<StickyBox offsetTop={80} className='space-y-6 pb-4' >
{children}
</Sticky>
</StickyBox>
</aside>
);