eric/mailpit
1
0
Fork 0
mirror of https://github.com/axllent/mailpit.git synced 2026-04-18 12:09:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Chore: Set margin & padding to HTML screenshot to prevent transparent top/left border

Browse Source
This commit is contained in:
Ralph Slooten
2026-03-10 11:09:28 +13:00
parent 7d29dff5e7
commit 804d49b7ca
1 changed files with 8 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
server/ui-src/components/message/MessageScreenshot.vue
View File

@@ -160,11 +160,18 @@ export default {
const body = i.contentWindow.document.querySelector("body");
// Add body padding to prevent content touching edge of screenshot.
body.style.padding = "20px";
// take screenshot of iframe
domToPng(body, {
backgroundColor: "#ffffff",
height: i.contentWindow.document.body.scrollHeight + 20,
height: i.contentWindow.document.body.scrollHeight,
width,
// remove the transparent 8px top and left gap from html object (default browser margins).
style: {
margin: "0",
},
}).then((dataUrl) => {
const link = document.createElement("a");
link.download = this.message.ID + ".png";