Skip to content

refactor(ui): redesign VersionTimeline UI - #7162

Merged
Frooodle merged 5 commits into
Stirling-Tools:mainfrom
balazs-szucs:timeversion-ui
Aug 7, 2026
Merged

refactor(ui): redesign VersionTimeline UI#7162
Frooodle merged 5 commits into
Stirling-Tools:mainfrom
balazs-szucs:timeversion-ui

Conversation

@balazs-szucs

Copy link
Copy Markdown
Collaborator

Description of Changes

I felt the old VersionTimeline was a bit too crowded/not very "good" looking so i had a crack at redesigning it. Mainly aimed for:

  • less info
  • less crowding
  • more spacing

New

image

Old

image

Checklist

General

Documentation

Translations (if applicable)

UI Changes (if applicable)

  • Screenshots or videos demonstrating the UI changes are attached (e.g., as comments or direct attachments in the PR)

Testing (if applicable)

  • I have run task check to verify linters, typechecks, and tests pass
  • I have tested my changes locally. Refer to the Testing Guide for more details.

Copilot AI review requested due to automatic review settings July 25, 2026 17:32
@dosubot dosubot Bot added size:L This PR changes 100-499 lines ignoring generated files. enhancement New feature or request labels Jul 25, 2026
@stirlingbot stirlingbot Bot added Front End Issues or pull requests related to front-end development Translation Issues or pull requests related to translation refactor Code changes that neither fix a bug nor add a feature and removed enhancement New feature or request labels Jul 25, 2026

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.

Pull request overview

Redesigns the Files page “VersionTimeline” / “Version journey” UI to be less crowded, with a more card-like timeline presentation and reduced per-version detail.

Changes:

  • Refactors VersionTimeline rows to a cleaner header/meta layout, removing the per-row expandable detail section.
  • Updates the Version history modal title to include an icon + stronger title styling, and hides the timeline’s internal header inside the modal.
  • Restyles the timeline in FilesPage.css (spacing, rail dots/lines, card container styling) and removes now-unused translation keys.

Reviewed changes

Copilot reviewed 4 out of 4 changed files in this pull request and generated 5 comments.

File Description
frontend/editor/src/core/components/filesPage/VersionTimeline.tsx Reworks timeline row rendering and actions UI; simplifies content shown per version.
frontend/editor/src/core/components/filesPage/VersionHistoryModal.tsx Enhances modal title presentation and passes hideHeader to the timeline.
frontend/editor/src/core/components/filesPage/FilesPage.css Adjusts timeline styling for the redesigned layout; introduces some selectors that are now unused.
frontend/editor/public/locales/en-US/translation.toml Removes translation keys that are no longer referenced by the UI.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Comment thread frontend/editor/src/core/components/filesPage/VersionTimeline.tsx Outdated
Comment thread frontend/editor/src/core/components/filesPage/VersionTimeline.tsx
Comment thread frontend/editor/src/core/components/filesPage/VersionTimeline.tsx
Comment thread frontend/editor/src/core/components/filesPage/FilesPage.css
Comment thread frontend/editor/src/core/components/filesPage/FilesPage.css
@Frooodle
Frooodle added this pull request to the merge queue Aug 7, 2026
Merged via the queue into Stirling-Tools:main with commit fd1c955 Aug 7, 2026
33 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Front End Issues or pull requests related to front-end development refactor Code changes that neither fix a bug nor add a feature size:L This PR changes 100-499 lines ignoring generated files. Translation Issues or pull requests related to translation

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants