✨(frontend) make summary button fixed to remain visible during scroll

ensures persistent access to table of contents by fixing button position

Signed-off-by: Cyril <c.gromoff@gmail.com>

CHANGELOG.md

@@ -19,6 +19,7 @@ and this project adheres to
   - ♿(frontend) add focus trap and enter key support to remove doc modal #1531
 - 🐛(docx) fix image overflow by limiting width to 600px during export #1525
 - 🐛(frontend) preserve @ character when esc is pressed after typing it #1512
+- 🐛(frontend) make summary button fixed to remain visible during scroll #1581
 - 🐛(frontend) fix pdf embed to use full width #1526
 - 🐛(pdf) fix table cell alignment issue in exported documents #1582
 

src/frontend/apps/impress/src/features/docs/doc-editor/components/DocEditor.tsx

@@ -99,6 +99,7 @@ export const DocEditor = ({ doc }: DocEditorProps) => {
     <>
       {isDesktop && (
         <Box
+          $height="100vh"
           $position="absolute"
           $css={css`
             top: 72px;

src/frontend/apps/impress/src/features/docs/doc-table-content/components/TableContent.tsx

@@ -108,9 +108,10 @@ export const TableContent = () => {
       $align="center"
       $padding={isHover ? 'xs' : '0'}
       $justify="center"
-      $position="relative"
+      $position="sticky"
       aria-label={t('Summary')}
       $css={css`
+        top: 0;
         border: 1px solid ${colorsTokens['greyscale-300']};
         overflow: hidden;
         border-radius: ${spacingsTokens['3xs']};