Skip to content

TT-7581 Improve the spreadsheet by keeping the table header fixed (sticky) while scrolling - #582

Draft
nghtctrl wants to merge 2 commits into
sillsdev:developfrom
nghtctrl:TT-7581
Draft

TT-7581 Improve the spreadsheet by keeping the table header fixed (sticky) while scrolling#582
nghtctrl wants to merge 2 commits into
sillsdev:developfrom
nghtctrl:TT-7581

Conversation

@nghtctrl

@nghtctrl nghtctrl commented Sep 4, 2026

Copy link
Copy Markdown
Collaborator

Changes:

  • Removed extra padding around the sections & passages datasheet
  • Made the header row sticky, so that it provides column name context for users who have a long sheet

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

🟡 Changes recommended

The new sticky-header styling currently relies on hard-coded colors and lacks an explicit theme-aware background for the sticky cells, which can reduce readability (especially in dark mode) and allow content to show through.

Once you've addressed the issues Copilot identified, you can request another Copilot review.

Pull request overview

Improves the Sections & Passages planning datasheet UX by keeping column headers visible while scrolling, and by tightening the sheet layout to reduce surrounding whitespace.

Changes:

  • Made the header row sticky via ContentDiv styles.
  • Updated row-alignment scrolling logic to account for the sticky header overlay height.
  • Removed extra content padding around the datasheet area.
File summaries
File Description
src/renderer/src/components/Sheet/PlanSheet.tsx Adds sticky header styling + scroll alignment updates; adjusts layout spacing around the sheet.
Review details
  • Files reviewed: 1/1 changed files
  • Comments generated: 1
  • Review effort level: Lite

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment on lines +119 to 123
const headerRule = '#DDD';

export const ContentDiv = styled('div')(({ theme }) => ({
// Growing topPad must not scroll-anchor into a curTop feedback loop.
overflowAnchor: 'none',
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants