studio/docs
Archived
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
ensures persistent access to table of contents by fixing button position

Signed-off-by: Cyril <c.gromoff@gmail.com>
This commit is contained in:
Cyril
2025-11-12 13:19:30 +01:00
parent dc12a99d4a
commit d96abb1ccf
3 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

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

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

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

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

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