init

calendar/Week/SpacerCell.js

@@ -0,0 +1,29 @@
+class SpacerCell extends Shadow {
+    constructor(weekNumber, sidebarWidth) {
+        super()
+        this.weekNumber = weekNumber;
+        this.sidebarWidth = sidebarWidth
+    }
+
+    render() {
+        VStack(() => {
+            p(`W${this.weekNumber}`)
+                .fontSize(0.9, em)
+                .fontWeight("600")
+                .color("var(--headertext)")
+        })
+        .width(this.sidebarWidth, em)
+        .paddingHorizontal(0.5, em)
+        .flexShrink(0)
+        .flexGrow(0)
+        .justifyContent("center")
+        .alignItems("center")
+        .borderRight("1px solid var(--divider)")
+        .borderBottom("1px solid var(--divider)")
+        .borderTop("1px solid var(--sidebottombars)")
+        .background("var(--sidebottombars)")
+        .boxSizing("border-box")
+    }
+}
+
+register(SpacerCell)