remove sticky

apps/app/src/components/Navbar/GrowiContextualSubNavigation.tsx

@@ -162,12 +162,11 @@ const CreateTemplateMenuItems = (props: CreateTemplateMenuItemsProps): JSX.Eleme
 type GrowiContextualSubNavigationProps = {
   currentPage?: IPagePopulatedToShowRevision | null,
   isLinkSharingDisabled?: boolean,
-  isCollapse?: boolean,
 };
 
 const GrowiContextualSubNavigation = (props: GrowiContextualSubNavigationProps): JSX.Element => {
 
-  const { currentPage, isCollapse } = props;
+  const { currentPage } = props;
 
   const { t } = useTranslation();
 
@@ -309,7 +308,6 @@ const GrowiContextualSubNavigation = (props: GrowiContextualSubNavigationProps):
             onClickRenameMenuItem={renameItemClickedHandler}
             onClickDeleteMenuItem={deleteItemClickedHandler}
             onClickSwitchContentWidth={switchContentWidthHandler}
-            isCollapse={isCollapse}
           />
         )}
 

apps/app/src/pages/[[...path]].page.tsx

@@ -119,14 +119,13 @@ superjson.registerCustom<IPageToShowRevisionWithMeta, IPageToShowRevisionWithMet
 // GrowiContextualSubNavigation for NOT shared page
 type GrowiContextualSubNavigationProps = {
   isLinkSharingDisabled: boolean,
-  isCollapse: boolean,
 }
 
 const GrowiContextualSubNavigation = (props: GrowiContextualSubNavigationProps): JSX.Element => {
-  const { isLinkSharingDisabled, isCollapse } = props;
+  const { isLinkSharingDisabled } = props;
   const { data: currentPage } = useSWRxCurrentPage();
   return (
-    <GrowiContextualSubNavigationSubstance currentPage={currentPage} isLinkSharingDisabled={isLinkSharingDisabled} isCollapse={isCollapse} />
+    <GrowiContextualSubNavigationSubstance currentPage={currentPage} isLinkSharingDisabled={isLinkSharingDisabled} />
   );
 };
 
@@ -330,14 +329,9 @@ const Page: NextPageWithLayout<Props> = (props: Props) => {
         <title>{title}</title>
       </Head>
       <div className="dynamic-layout-root justify-content-between">
-        <Sticky>
-          {({ status }: { status: boolean }) => {
-            const isCollapse = status === Sticky.STATUS_FIXED;
-            return (
-              <GrowiContextualSubNavigation isLinkSharingDisabled={props.disableLinkSharing} isCollapse={isCollapse} />
-            );
-          }}
-        </Sticky>
+        <div className="sticky-top">
+          <GrowiContextualSubNavigation isLinkSharingDisabled={props.disableLinkSharing} />
+        </div>
         <DisplaySwitcher
           pageView={(
             <PageView

apps/app/src/pages/share/[[...path]].page.tsx

@@ -73,14 +73,13 @@ superjson.registerCustom<IShareLinkRelatedPage, string>(
 type GrowiContextualSubNavigationForSharedPageProps = {
   page?: IPagePopulatedToShowRevision,
   isLinkSharingDisabled: boolean,
-  isCollapse?: boolean,
 }
 
 const GrowiContextualSubNavigationForSharedPage = (props: GrowiContextualSubNavigationForSharedPageProps): JSX.Element => {
-  const { page, isLinkSharingDisabled, isCollapse } = props;
+  const { page, isLinkSharingDisabled } = props;
 
   return (
-    <GrowiContextualSubNavigationSubstance currentPage={page} isLinkSharingDisabled={isLinkSharingDisabled} isCollapse={isCollapse} />
+    <GrowiContextualSubNavigationSubstance currentPage={page} isLinkSharingDisabled={isLinkSharingDisabled} />
   );
 };
 
@@ -123,18 +122,12 @@ const SharedPage: NextPageWithLayout<Props> = (props: Props) => {
 
       <div className="dynamic-layout-root justify-content-between">
 
-        <Sticky>
-          {({ status }: { status: boolean }) => {
-            const isCollapse = status === Sticky.STATUS_FIXED;
-            return (
-              <GrowiContextualSubNavigationForSharedPage
-                page={currentPage ?? props.shareLinkRelatedPage}
-                isLinkSharingDisabled={props.disableLinkSharing}
-                isCollapse={isCollapse}
-              />
-            );
-          }}
-        </Sticky>
+        <div className="sticky-top">
+          <GrowiContextualSubNavigationForSharedPage
+            page={currentPage ?? props.shareLinkRelatedPage}
+            isLinkSharingDisabled={props.disableLinkSharing}
+          />
+        </div>
 
         <div id="grw-fav-sticky-trigger" className="sticky-top"></div>