Skip to content

fix: improve DevCard export rendering#595

Merged
Aditya948351 merged 3 commits into
devpathindcommunity-india:masterfrom
tanushkat96:fix/devcard-export
Jun 13, 2026
Merged

fix: improve DevCard export rendering#595
Aditya948351 merged 3 commits into
devpathindcommunity-india:masterfrom
tanushkat96:fix/devcard-export

Conversation

@tanushkat96

@tanushkat96 tanushkat96 commented Jun 11, 2026

Copy link
Copy Markdown
Contributor

Closes #566

Summary

Fixes DevCard download rendering issues where exported images did not match the browser view.

Changes

  • Replaced html2canvas with html-to-image
  • Fixed text clipping in stats and badges
  • Fixed export-specific alignment issues
  • Disabled animations/transforms during export
  • Improved export resolution and layout consistency
  • Added export-only styling overrides

Before

devcard-tanu (1)

After

after devcard

Result

Downloaded DevCard now closely matches the browser-rendered card.

@github-actions github-actions Bot added good first issue gssoc26 This is a official GirlScript Summer of Code label. help wanted level:beginner Beginner level issues type:bug labels Jun 11, 2026
@Aditya948351

Aditya948351 commented Jun 13, 2026

Copy link
Copy Markdown
Collaborator

Replacing html2canvas with html-to-image sounds like a solid fix for the export rendering issue! The before/after screenshots are super helpful. I'll review this shortly.

@Aditya948351 Aditya948351 added the gssoc:approved give 50+ base points label Jun 13, 2026
@Aditya948351

Aditya948351 commented Jun 13, 2026

Copy link
Copy Markdown
Collaborator

Thanks for the great contribution! We just merged another PR that modified DevCard.tsx, so this had some conflicts. But don't worry, I manually resolved the conflicts for you and am merging it right now! Great work with the html-to-image fix!

@Aditya948351 Aditya948351 merged commit 602e754 into devpathindcommunity-india:master Jun 13, 2026
1 of 2 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

good first issue gssoc:approved give 50+ base points gssoc26 This is a official GirlScript Summer of Code label. help wanted level:beginner Beginner level issues type:bug

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Bug]: DevCard text misalignment and cutoff upon download

2 participants