thePR0M3TH3AN/Artstr-Studio
1
0 Fork 0
mirror of https://github.com/PR0M3TH3AN/Artstr-Studio.git synced 2026-10-27 08:40:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(book): bumper padding under page-edit bar; reverts during print/export

Browse Source 
The floating bar (Back · Publish · Proof PDF · Cover JSON etc) sits
absolute at top:10px and overlapped the top edge of the sheet
underneath. Added 60px top padding to .previewShell when the bar is
visible (editing-book-page OR editing-book-cover) so the sheet lands
below the bar.

Both @media print and body.exporting revert the padding back to the
24px default AND hide the bar entirely, so canvas exports and
browser-print outputs aren't offset by the on-screen clearance.

Co-Authored-By: Claude Opus 4.7 <[email protected]>
This commit is contained in:
thePR0M3TH3ANandClaude Opus 4.7 committed 2026-06-05 08:25:15 -04:00
1 parent ce1e1a783b
commit 4e60c020b0
1 file changed
+13
Download Patch File Download Diff File Expand all files Collapse all files
src/index.html
+13
View File
@@ -1853,6 +1853,19 @@
}
body.template-book.editing-book-page #bookPageEditBar,
body.template-book.editing-book-cover #bookPageEditBar { display: flex; }
/* Push the sheet down so the floating page-edit bar doesn't
overlap its top edge. Reverts during print + canvas export
so the printed output isn't shifted. */
body.template-book.editing-book-page .previewShell,
body.template-book.editing-book-cover .previewShell { padding-top: 60px; }
@media print {
body.template-book.editing-book-page .previewShell,
body.template-book.editing-book-cover .previewShell { padding-top: 24px; }
#bookPageEditBar { display: none !important; }
}
body.exporting #bookPageEditBar { display: none !important; }
body.exporting.template-book.editing-book-page .previewShell,
body.exporting.template-book.editing-book-cover .previewShell { padding-top: 24px; }
#bookPageEditBack {
border: 0; background: var(--accent); color: #fff;
cursor: pointer; border-radius: 999px;