improve margin-top for ToC

packages/app/src/components/TableOfContents.jsx

@@ -1,16 +1,16 @@
 import React, { useCallback, useEffect } from 'react';
+
 import PropTypes from 'prop-types';
-import { withTranslation } from 'react-i18next';
-import loggerFactory from '~/utils/logger';
 
 
 import PageContainer from '~/client/services/PageContainer';
-import { addSmoothScrollEvent } from '~/client/util/smooth-scroll';
 import { blinkElem } from '~/client/util/blink-section-header';
+import { addSmoothScrollEvent } from '~/client/util/smooth-scroll';
+import loggerFactory from '~/utils/logger';
 
-import { withUnstatedContainers } from './UnstatedUtils';
 
 import { StickyStretchableScroller } from './StickyStretchableScroller';
+import { withUnstatedContainers } from './UnstatedUtils';
 
 // eslint-disable-next-line no-unused-vars
 const logger = loggerFactory('growi:TableOfContents');
@@ -21,7 +21,7 @@ const logger = loggerFactory('growi:TableOfContents');
  */
 const TableOfContents = (props) => {
 
-  const { t, pageContainer } = props;
+  const { pageContainer } = props;
   const { pageUser } = pageContainer.state;
   const isUserPage = pageUser != null;
 
@@ -87,9 +87,7 @@ const TableOfContents = (props) => {
 const TableOfContentsWrapper = withUnstatedContainers(TableOfContents, [PageContainer]);
 
 TableOfContents.propTypes = {
-  t: PropTypes.func.isRequired, // i18next
-
   pageContainer: PropTypes.instanceOf(PageContainer).isRequired,
 };
 
-export default withTranslation()(TableOfContentsWrapper);
+export default TableOfContentsWrapper;

packages/app/src/styles/_layout.scss

@@ -66,8 +66,8 @@ body.growi-layout-fluid .grw-container-convertible {
 
 .grw-side-contents-sticky-container {
   position: sticky;
-  // growisubnavigation + grw-navbar-boder
-  top: calc(100px + 4px);
+  // growisubnavigation + grw-navbar-boder + some spacing
+  top: calc(100px + 4px + 20px);
   margin-top: 5px;
 }