Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

improvements to the diff panel #68

Merged
merged 1 commit into from
Jul 12, 2023
Merged

improvements to the diff panel #68

merged 1 commit into from
Jul 12, 2023

Conversation

dlockhart
Copy link
Member

@dlockhart dlockhart commented Jul 12, 2023

Some mostly minor improvements to the area where the actual diff is shown:

  • Blue dotted divider between the split view
  • Shows the name (golden vs. new)
  • Shows the width and height
Screenshot 2023-07-12 at 3 06 45 PM

I decided that having a separate web component for the test result wasn't working out, so I've merged it into the test one. As a follow-up, I think I'm going to merge the test one into the app as well and split styles and render helpers out into separate files. Ultimately here there was no advantage to having separate components if they're only used from one place -- lesson learned.

@dlockhart dlockhart requested a review from a team as a code owner July 12, 2023 19:11
@dlockhart dlockhart merged commit 60073b3 into main Jul 12, 2023
1 check passed
@dlockhart dlockhart deleted the dlockhart/diff-panel branch July 12, 2023 20:39
.result-part-info-spacer,
.result-part-info-size {
flex: 1 0 0%;
text-align: right;
Copy link
Contributor

Choose a reason for hiding this comment

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

I think I like this slightly better text-align: left; (and gap reduced) but I see the benefit of having both at the ends

@svanherk
Copy link
Contributor

Oh, also just noticed the passed tests are looking a little squished lol:
image
I think I'd expect the golden to have the image, and new to have "No Changes"?

@dlockhart
Copy link
Member Author

Oooh that is squishy and ugly! Yeah maybe it makes sense to flip those around... I'll fix this stuff up thanks!

@ghost
Copy link

ghost commented Jul 17, 2023

🎉 This PR is included in version 0.15.1 🎉

The release is available on:

Your semantic-release bot 📦🚀

@ghost ghost added the released label Jul 17, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants