add subnavigation-top-block

apps/app/src/pages/[[...path]].module.scss

@@ -0,0 +1,5 @@
+@use '~/styles/variables' as var;
+
+.subnavigation-top-block {
+  height: var.$grw-sidebar-nav-width;
+}

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

@@ -64,6 +64,11 @@ import {
 } from './utils/commons';
 
 
+import styles from './[[...path]].module.scss';
+
+const subnavigationTopBlockClass = styles['subnavigation-top-block'];
+
+
 declare global {
   // eslint-disable-next-line vars-on-top, no-var
   var globalEmitter: EventEmitter;
@@ -329,6 +334,8 @@ const Page: NextPageWithLayout<Props> = (props: Props) => {
         <title>{title}</title>
       </Head>
       <div className="dynamic-layout-root justify-content-between">
+
+        <div className={`${subnavigationTopBlockClass} d-block d-md-none border-bottom`}></div>
         <nav className="sticky-top">
           <GrowiContextualSubNavigation isLinkSharingDisabled={props.disableLinkSharing} />
         </nav>

apps/app/src/pages/share/[[...path]].module.scss

@@ -0,0 +1,5 @@
+@use '~/styles/variables' as var;
+
+.subnavigation-top-block {
+  height: var.$grw-sidebar-nav-width;
+}

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

@@ -32,6 +32,11 @@ import {
   getServerSideCommonProps, generateCustomTitleForPage, getNextI18NextConfig, skipSSR, addActivity,
 } from '../utils/commons';
 
+import styles from './[[...path]].module.scss';
+
+const subnavigationTopBlockClass = styles['subnavigation-top-block'];
+
+
 const logger = loggerFactory('growi:next-page:share');
 
 type Props = CommonProps & {
@@ -120,6 +125,8 @@ const SharedPage: NextPageWithLayout<Props> = (props: Props) => {
       </Head>
 
       <div className="dynamic-layout-root justify-content-between">
+
+        <div className={`${subnavigationTopBlockClass} d-block d-md-none border-bottom`}></div>
         <nav className="sticky-top">
           <GrowiContextualSubNavigationForSharedPage page={currentPage ?? props.shareLinkRelatedPage} isLinkSharingDisabled={props.disableLinkSharing} />
         </nav>