buzzert/smartbar
1
0
Fork 2
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "fix namespacing with CSS"

Browse Source 
This reverts commit 896a67ca8a.
This commit is contained in:
James Magahern
2025-08-31 16:44:25 -06:00
parent 182ebd14b3
commit 3fc555844b
10 changed files with 63 additions and 227 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
templates/print.gohtml
View File

@@ -5,6 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Print</title>
<link rel="stylesheet" href="assets/css/base.css" />
<link rel="stylesheet" href="assets/css/smartbar.css" />
<style>
/* Ensure a clean print with no gaps between pages */
@media screen { body { background: #eeeeee; } }
@@ -13,17 +14,15 @@
@media print {
html, body { width: auto !important; height: auto !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; background: white !important; }
}
/* Each .page-container is a fixed-size sheet */
.page-container { width: var(--page-w, 5.5in); height: var(--page-h, 8.5in); background: white; box-shadow: none !important; overflow: hidden; }
.page-container { page-break-after: always; break-after: page; }
.page-container:last-child { page-break-after: auto; break-after: auto; }
PLACEHOLDER_FOR_SCOPED_CSS
/* Each #page is a fixed-size sheet */
#page { width: var(--page-w, 5.5in); height: var(--page-h, 8.5in); background: white; box-shadow: none !important; overflow: hidden; }
#page { page-break-after: always; break-after: page; }
#page:last-child { page-break-after: auto; break-after: auto; }
</style>
</head>
<body {{ .PageSizeAttr }}>
{{ range .Pages }}
<div class="page-container" id="{{ .PageID }}">{{ .Content }}</div>
<div id="page">{{ .Content }}</div>
{{ end }}
</body>
</html>

8
templates/print_2up.gohtml
View File

@@ -14,18 +14,16 @@
/* Each .sheet is one letter-sized page */
.sheet { display: flex; gap: 0; margin: 0; padding: 0; width: 11in; height: 8.5in; }
.cell { width: 5.5in; height: 8.5in; overflow: hidden; }
.cell > .page-content { width: 5.5in; height: 8.5in; box-shadow: none !important; }
.cell > #page { width: 5.5in; height: 8.5in; box-shadow: none !important; }
.sheet { page-break-after: always; break-after: page; }
.sheet:last-child { page-break-after: auto; break-after: auto; }
PLACEHOLDER_FOR_SCOPED_CSS
</style>
</head>
<body>
{{ range .Sheets }}
<div class="sheet">
<div class="cell"><div class="page-content" id="{{ .Left.PageID }}">{{ .Left.Content }}</div></div>
{{ if .Right }}<div class="cell"><div class="page-content" id="{{ .Right.PageID }}">{{ .Right.Content }}</div></div>{{ end }}
<div class="cell"><div id="page">{{ .Left.Content }}</div></div>
{{ if .Right }}<div class="cell"><div id="page">{{ .Right.Content }}</div></div>{{ end }}
</div>
{{ end }}
</body>