Skip to content

Conversation

@Ovgodd
Copy link
Collaborator

@Ovgodd Ovgodd commented Nov 12, 2025

Purpose

Ensure the "Summary" button remains visible during user scrolls, especially on long documents

issue : #1578

Proposal

  • Change button position from relative to fixed
  • Add right: 30px offset to keep it anchored to the viewport

@Ovgodd Ovgodd requested a review from AntoLC November 12, 2025 12:29
@Ovgodd Ovgodd self-assigned this Nov 12, 2025
@Ovgodd Ovgodd added feature add a new feature triage labels Nov 12, 2025
@Ovgodd Ovgodd changed the title ✨(frontend) make summary button fixed to remain visible during scroll 🐛(frontend) make summary button fixed to remain visible during scroll Nov 12, 2025
@Ovgodd Ovgodd force-pushed the fix/1578-summary-button-fixed branch from fc1ea66 to 9475a1b Compare November 12, 2025 12:30
@Ovgodd Ovgodd marked this pull request as ready for review November 12, 2025 12:30
@Ovgodd Ovgodd force-pushed the fix/1578-summary-button-fixed branch from 9475a1b to e16f313 Compare November 12, 2025 12:31
@github-actions
Copy link

github-actions bot commented Nov 12, 2025

Size Change: +7 B (0%)

Total Size: 4.07 MB

Filename Size Change
apps/impress/out/_next/static/23090dcc/_buildManifest.js 0 B -882 B (removed) 🏆
apps/impress/out/_next/static/1ac3106d/_buildManifest.js 883 B +883 B (new file) 🆕

compressed-size-action

$padding={isHover ? 'xs' : '0'}
$justify="center"
$position="relative"
$position="fixed"
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we make it sticky instead ?

Suggested change
$position="fixed"
$position="sticky"

If yes, to make it working you will have to set a height here (height: 100vh;):

<Box
$position="absolute"
$css={css`
top: 72px;
right: 20px;
`}
>
<TableContent />
</Box>
)}

$position="fixed"
aria-label={t('Summary')}
$css={css`
right: 30px;
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you find sticky is nice, you can replace by:

Suggested change
right: 30px;
top: 0px;

Copy link
Collaborator Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it is nice !

@Ovgodd Ovgodd requested a review from AntoLC November 13, 2025 13:58
@Ovgodd Ovgodd force-pushed the fix/1578-summary-button-fixed branch from 68dd545 to 54db631 Compare November 13, 2025 13:58
Copy link
Collaborator

@AntoLC AntoLC left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Nice !

@Ovgodd Ovgodd force-pushed the fix/1578-summary-button-fixed branch from 54db631 to 5ec90b8 Compare November 14, 2025 12:11
ensures persistent access to table of contents by fixing button position

Signed-off-by: Cyril <c.gromoff@gmail.com>
@Ovgodd Ovgodd force-pushed the fix/1578-summary-button-fixed branch from 5ec90b8 to d96abb1 Compare November 14, 2025 12:43
@Ovgodd Ovgodd merged commit d96abb1 into main Nov 14, 2025
21 of 22 checks passed
@Ovgodd Ovgodd deleted the fix/1578-summary-button-fixed branch November 14, 2025 13:26
@AntoLC AntoLC linked an issue Nov 18, 2025 that may be closed by this pull request
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature add a new feature triage

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Table of contents/Summary fixed on top right corner of screen

3 participants