Skip to content

fix(browser-ui): optimize#873

Merged
fi3ework merged 1 commit intomainfrom
1iui
Jan 15, 2026
Merged

fix(browser-ui): optimize#873
fi3ework merged 1 commit intomainfrom
1iui

Conversation

@fi3ework
Copy link
Copy Markdown
Member

@fi3ework fi3ework commented Jan 15, 2026

Summary

  • Fix StatusGrid badge text vertical centering (add display: flex, lineHeight: normal, gap-1)
  • Fix Tree expand arrows alignment with sidebar header icons (add marginLeft: 16px)
  • Align icon spacing between SidebarHeader and TestFilesHeader rows (gap-1.5, button size h-8 w-8)
  • Add dynamic page title based on project name ({projectName} [browser mode])
  • Add favicon using external rstest logo URL
  • Implement localStorage persistence for resizable panel positions with project-specific keys
  • Replace "TEST FILE" text with FileCode icon in PreviewHeader
image

Related Links

Checklist

  • Tests updated (or not required).
  • Documentation updated (or not required).

Copilot AI review requested due to automatic review settings January 15, 2026 15:57
@netlify
Copy link
Copy Markdown

netlify bot commented Jan 15, 2026

Deploy Preview for rstest-dev ready!

Name Link
🔨 Latest commit 628d3b1
🔍 Latest deploy log https://app.netlify.com/projects/rstest-dev/deploys/69690e5507db820008146eee
😎 Deploy Preview https://deploy-preview-873--rstest-dev.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull request overview

This PR implements several UI optimizations and enhancements for the browser test runner interface, focusing on visual consistency, user experience, and state persistence.

Changes:

  • Fixed visual alignment and spacing issues in StatusGrid, TestFilesTree, TestFilesHeader, and PreviewHeader components
  • Added dynamic page title and favicon based on project name
  • Implemented localStorage persistence for resizable panel positions with project-specific keys

Reviewed changes

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

Show a summary per file
File Description
packages/browser-ui/src/main.tsx Added project-specific storage key generation for panel persistence and dynamic page title logic
packages/browser-ui/src/index.html Added external favicon link to rspack.rs asset
packages/browser-ui/src/components/TestFilesTree.tsx Fixed tree alignment with sidebar header icons by adding left margin
packages/browser-ui/src/components/TestFilesHeader.tsx Aligned button sizes and icon spacing with SidebarHeader
packages/browser-ui/src/components/StatusGrid.tsx Fixed badge text vertical centering with flex display and gap
packages/browser-ui/src/components/SidebarHeader.tsx Added consistent icon sizing and color styling
packages/browser-ui/src/components/Resizable.tsx Implemented localStorage load/save functionality for panel sizes
packages/browser-ui/src/components/PreviewHeader.tsx Replaced text label with FileCode icon and improved button styling

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

@fi3ework fi3ework merged commit 618a544 into main Jan 15, 2026
20 checks passed
@fi3ework fi3ework deleted the 1iui branch January 15, 2026 16:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants