bleed bar

postit/dump.py

@@ -70,9 +70,6 @@ def dump(order=None):
                              for position in content:
                                 postit[position] = content[position]
 
-                             print(postit)
-
-
                         elif "word" in content and content['category'] != 'Loot Box':
                             continue
                         elif "word" in content:
@@ -122,7 +119,7 @@ def dump(order=None):
                             "slug": folder,
                         }
                     contribution.append(postit)
-                amount = len(metadata["contents"])
+                amount = len(contribution)
                 print(f"{amount:03} - {folder}")
                 total = total + amount
                 contents[folder] = contribution

postit/static/contents

@@ -1 +1 @@
-Subproject commit a35f4032d07df18b854679408d83928f495d5e6c
+Subproject commit 5e692787e3e2150ffbd2e58f2a9e062b503cba86

postit/static/css/contents.css

@@ -121,12 +121,12 @@
 }
 
 .xquisite img,
-.connect-less img {
+.connect-less img,
+.nim img {
 	padding: 4mm;
 }
 
 .nw {
-
 	white-space: initial; 
 
 }

postit/static/css/postit.css

@@ -35,8 +35,8 @@ body {
 	margin: 0;
 	font-family: Arial, Helvetica, sans-serif;
 	line-height: 1.4;
-	overflow: hidden;
+	/* overflow: hidden;
-	text-overflow: ellipsis;
+	text-overflow: ellipsis; */
 	display: inline-flex;
 	justify-content: end;
 	flex-direction: column;
@@ -48,6 +48,7 @@ footer {
 	/* position: absolute; */
 	/* bottom: 0; */
 	border-top: 1px solid var(--background);
+	overflow:visible;
 }
 
 img {
@@ -96,6 +97,7 @@ figcaption {
 	bottom: 4mm;
 	transform: translate(-50%, 0);
 	z-index: 100;
+	white-space: nowrap;
 }
 
 a {
@@ -115,7 +117,7 @@ a {
 }
 
 .progress-bar {
-	height: 100%;
+	height: calc(100%);
 	background-color: var(--background);
 	z-index: 0;
 	position: absolute;

postit/static/js/bleed.js

@@ -7,6 +7,9 @@ class BleedHandler extends Paged.Handler {
 		let img = pageFragment.querySelector("img");
 		if (img) {
 			moveImage(img);
+		} else {
+			let bar = pageFragment.querySelector('.progress-bar')
+			progressBar(bar)
 		}
 	}
 
@@ -21,3 +24,20 @@ function moveImage(img) {
 	let parent = img.closest(".pagedjs_sheet");
 	parent.prepend(img);
 }
+
+function progressBar(bar){
+	let width = bar.clientWidth
+	let height = bar.clientHeight
+	console.log(bar, width, height)
+	
+	
+	
+	
+	let parent = bar.closest(".pagedjs_sheet");
+	parent.prepend(bar);
+	bar.style.height = `calc(2mm + ${height}px)`
+	bar.style.width = `calc(4mm + ${width}px)`
+	bar.style.bottom = '0'
+	bar.style.top = 'initial'
+
+}