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

Fix svg rendering #515

Merged
merged 1 commit into from
Jan 9, 2025
Merged

Fix svg rendering #515

merged 1 commit into from
Jan 9, 2025

Conversation

IshavSohal
Copy link
Member

@IshavSohal IshavSohal commented Dec 6, 2024

Related Item(s)

ramp4-pcar4/storylines-editor#436

Changes

  • Convert svg images to text rather than blob, so that they are rendered correctly in the storylines editor preview

Testing

This would have to be tested through the preview in the storylines editor.

  1. Clone this branch locally
  2. Follow the step in Instructions to create a local story-ramp package for testing #398 to make the editor use your local version of storylines
  3. Open a product which has an svg logo, an intro slide with an svg background, or a regular slide with an svg background
  4. Open the preview for this product
  5. Observe that the svg logo and/or background renders correctly

This change is Reviewable

@IshavSohal IshavSohal added the PR: Frontend PR that primarily involves frontend changes. UI experts and CSS Wizards are asked to review. label Dec 6, 2024
Copy link

github-actions bot commented Dec 6, 2024

Copy link
Member

@yileifeng yileifeng left a comment

Choose a reason for hiding this comment

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

Looks like you made a few changes in Storylines that require a version update for the editor, so let me know if you want to publish these changes to a new NPM version and I can send you the steps. If changes not urgent, then we can also just include the changes in a future NPM version.

Reviewable status: 0 of 2 files reviewed, all discussions resolved

Copy link
Member

@yileifeng yileifeng left a comment

Choose a reason for hiding this comment

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

Does the logic also need to be applied to the background-image.vue component?

Reviewable status: 0 of 3 files reviewed, all discussions resolved

Copy link
Member

@RyanCoulsonCA RyanCoulsonCA left a comment

Choose a reason for hiding this comment

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

Does the logic also need to be applied to the background-image.vue component?

If we've already added in the support here for the introduction slide background image, I'd say we should add in the support for regular background images as well.

Side note, have we ever tested background images with using an SVG source?

Reviewable status: 0 of 3 files reviewed, all discussions resolved

Copy link
Member

@yileifeng yileifeng left a comment

Choose a reason for hiding this comment

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

Not that I am aware of

Reviewable status: 0 of 3 files reviewed, all discussions resolved

Copy link
Member Author

@IshavSohal IshavSohal left a comment

Choose a reason for hiding this comment

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

I've applied the logic for regular background images as well. It seems to be working on my end, but let me know if there are any issues.

Reviewable status: 0 of 4 files reviewed, all discussions resolved

Copy link
Member

@yileifeng yileifeng left a comment

Choose a reason for hiding this comment

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

Reviewed 2 of 2 files at r1, 1 of 1 files at r2, 1 of 1 files at r3, all commit messages.
Reviewable status: :shipit: complete! all files reviewed, all discussions resolved (waiting on @IshavSohal)

Copy link
Member

@RyanCoulsonCA RyanCoulsonCA left a comment

Choose a reason for hiding this comment

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

Reviewed 2 of 2 files at r1, 1 of 1 files at r2, 1 of 1 files at r3, all commit messages.
Reviewable status: :shipit: complete! all files reviewed, all discussions resolved (waiting on @IshavSohal)

@yileifeng yileifeng merged commit 5a0c643 into ramp4-pcar4:main Jan 9, 2025
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
PR: Frontend PR that primarily involves frontend changes. UI experts and CSS Wizards are asked to review.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants