Skip to content

ENH: Update Comparison page design#88

Merged
YektaY merged 1 commit intomainfrom
design-compare
Apr 3, 2026
Merged

ENH: Update Comparison page design#88
YektaY merged 1 commit intomainfrom
design-compare

Conversation

@tiffany-slac
Copy link
Copy Markdown
Contributor

Description

Redesigned the comparison view to make it easier to see the two values being compared side by side and quickly understand what’s different. The layout is simplified to focus more on the comparison itself and reduce unnecessary visual noise.

  • Increase row height for better readability
  • Calculate and display differences
  • Update baseline and comparison headers
  • Simplify layout to two columns for setpoints and readback
  • Remove background shading for PV differences

Motivation

Closes #80
Previously, it was harder to read and scan the differences because of the background color changes and the bright blue and red highlights, which made the text harder to see and felt too noisy. The goal was to make differences more obvious at a glance by aligning values more clearly and removing anything that felt distracting, so it’s quicker and easier to interpret changes.

Screenshots

Before:
Screenshot 2026-04-02 at 3 59 01 PM

After:
Screenshot 2026-04-02 at 10 55 24 AM

Pre-merge checklist

  • Code works interactively
  • Code follows the style guide
  • Code contains descriptive docstrings
  • New/changed functions and methods are covered in the test suite where possible
  • Test suite passes locally
  • Test suite passes on GitHub Actions

- Increase row height for better readability
- Calculate and display differences
- Update baseline and comparison headers
- Simplify layout to two columns for setpoints and readback
- Remove background shading for PV differences
@tiffany-slac tiffany-slac self-assigned this Apr 2, 2026
@shilorigins shilorigins requested a review from a team April 3, 2026 16:55
Copy link
Copy Markdown
Contributor

@shilorigins shilorigins left a comment

Choose a reason for hiding this comment

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

This is a great improvement, thank you!

@YektaY YektaY merged commit 753b5aa into main Apr 3, 2026
1 check passed
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.

Visually clean up snapshot compare screen

3 participants