staticdash 0.4.0__py3-none-any.whl → 0.4.1__py3-none-any.whl

staticdash/assets/css/style.css

@@ -3,47 +3,39 @@ body {
   font-family: sans-serif;
   background-color: #ffffff;
   color: #333;
+  display: flex;
+  min-height: 100vh;
 }
 
-/* Fixed sidebar on the left */
+/* Sidebar */
 #sidebar {
-  position: fixed;
-  top: 0;
-  left: 0;
   width: 240px;
-  height: 100vh;
   background-color: #ffffff;
+  border-right: 1px solid #ccc;
   padding: 20px;
   box-sizing: border-box;
   overflow-y: auto;
-  scrollbar-width: thin;
-  scrollbar-color: #888 #ffffff;
+  position: sticky;
+  top: 0;
+  height: 100vh;
   display: flex;
   flex-direction: column;
-  justify-content: space-between;
-  border-right: 1px solid #ccc;
-  z-index: 1000;
-}
-
-#sidebar::-webkit-scrollbar {
-  width: 6px;
-}
-
-#sidebar::-webkit-scrollbar-track {
-  background: #ffffff;
-}
-
-#sidebar::-webkit-scrollbar-thumb {
-  background-color: #888;
-  border-radius: 3px;
 }
 
+/* Sidebar header */
 #sidebar h1 {
   color: #2c3e50;
   font-size: 20px;
   margin-bottom: 20px;
 }
 
+/* Nav links container */
+#sidebar .nav-links {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+}
+
 /* Nav links */
 .nav-link {
   display: block;
@@ -71,7 +63,6 @@ body {
   color: #7f8c8d;
   text-align: center;
   line-height: 1.4;
-  margin-top: 40px;
   padding-top: 20px;
   border-top: 1px solid #ccc;
 }
@@ -85,24 +76,22 @@ body {
   text-decoration: underline;
 }
 
-/* Main wrapper stretches full width but content is pushed right */
+/* Wrapper */
 #wrapper {
-  margin-left: 240px;
-  padding: 0;
+  flex: 1;
   background-color: #ffffff;
-  min-height: 100vh;
   overflow-x: hidden;
+  display: flex;
+  flex-direction: column;
 }
 
-/* Inner content area is centered up to max-width */
 #wrapper-inner {
-  max-width: 960px;
+  max-width: 2200px;
   margin: 0 auto;
   padding: 20px;
   box-sizing: border-box;
 }
 
-/* Content area */
 #content {
   width: 100%;
   box-sizing: border-box;
@@ -288,4 +277,4 @@ table.sortable th.sorted-desc::after {
 .table-wrapper {
   overflow-x: auto;
   width: 100%;
-}
+}

staticdash/dashboard.py

@@ -160,7 +160,6 @@ class Dashboard:
         os.makedirs(downloads_dir, exist_ok=True)
         shutil.copytree(assets_src, assets_dst, dirs_exist_ok=True)
 
-        # Per-page HTML
         for page in self.pages:
             doc = document(title=page.title)
             with doc.head:
@@ -172,13 +171,23 @@ class Dashboard:
                 doc.head.add(script(src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-python.min.js"))
                 doc.head.add(script(src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-javascript.min.js"))
             with doc:
-                with div(cls="page-section", id=f"page-{page.slug}") as section:
-                    for el in page.render(0, downloads_dir=downloads_dir, relative_prefix="../"):
-                        section += el
+                with div(id="sidebar"):
+                    h1(self.title)
+                    with div(cls="nav-links"):
+                        for p in self.pages:
+                            a(p.title, cls="nav-link", href="#", **{"data-target": f"page-{p.slug}"})
+                    with div(id="sidebar-footer"):
+                        a("Produced by staticdash", href="https://pypi.org/project/staticdash/", target="_blank")
+                with div(id="wrapper"):
+                    with div(id="wrapper-inner"):
+                        with div(id="content"):
+                            for idx, p in enumerate(self.pages):
+                                with div(id=f"page-{p.slug}", cls="page-section", style="display:none;") as section:
+                                    for el in p.render(idx, downloads_dir=downloads_dir, relative_prefix=""):
+                                        section += el
             with open(os.path.join(pages_dir, f"{page.slug}.html"), "w") as f:
                 f.write(str(doc))
 
-        # Main index.html
         index_doc = document(title=self.title)
         with index_doc.head:
             index_doc.head.add(link(rel="stylesheet", href="assets/css/style.css"))
@@ -192,8 +201,9 @@ class Dashboard:
         with index_doc:
             with div(id="sidebar"):
                 h1(self.title)
-                for page in self.pages:
-                    a(page.title, cls="nav-link", href="#", **{"data-target": f"page-{page.slug}"})
+                with div(cls="nav-links"):
+                    for page in self.pages:
+                        a(page.title, cls="nav-link", href="#", **{"data-target": f"page-{page.slug}"})
                 with div(id="sidebar-footer"):
                     a("Produced by staticdash", href="https://pypi.org/project/staticdash/", target="_blank")
 
@@ -206,4 +216,4 @@ class Dashboard:
                                     section += el
 
         with open(os.path.join(output_dir, "index.html"), "w") as f:
-            f.write(str(index_doc))
+            f.write(str(index_doc))

{staticdash-0.4.0.dist-info → staticdash-0.4.1.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: staticdash
-Version: 0.4.0
+Version: 0.4.1
 Summary: A lightweight static HTML dashboard generator with Plotly and pandas support.
 Author-email: Brian Day <brian.day1@gmail.com>
 License: CC0-1.0

staticdash-0.4.1.dist-info/RECORD

@@ -0,0 +1,8 @@
+staticdash/__init__.py,sha256=KqViaDkiQnhBI8-j3hr14umLDmPgddvdB_G1nJeC5Xs,38
+staticdash/dashboard.py,sha256=5CWNHWFRgE0-DRQCnsxtmTigMN_Q2MuTGVGj03eUMXk,10572
+staticdash/assets/css/style.css,sha256=wdTyRpTTYZtNOdb3NygdKYN6UEAKDwOoRx3-zyfphPQ,4232
+staticdash/assets/js/script.js,sha256=pXqvTyw1LRNYl5u1kQbRtQkwe0dnd1yDs1Jstj7S-GU,4148
+staticdash-0.4.1.dist-info/METADATA,sha256=Kw6f3V-VAbEFOlrx7Ea0IdCFA6V2fwv9MZgpIXF5uHU,1776
+staticdash-0.4.1.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+staticdash-0.4.1.dist-info/top_level.txt,sha256=3MzZU6SptkUkjcHV1cvPji0H4aRzPphLHnpStgGEcxM,11
+staticdash-0.4.1.dist-info/RECORD,,

staticdash-0.4.0.dist-info/RECORD

@@ -1,8 +0,0 @@
-staticdash/__init__.py,sha256=KqViaDkiQnhBI8-j3hr14umLDmPgddvdB_G1nJeC5Xs,38
-staticdash/dashboard.py,sha256=tihDfI7K-VS5bhEVDM_cJU2XEXgCG0B2fArEX0Paqog,9869
-staticdash/assets/css/style.css,sha256=JtSJ5J3btfPyId0OKMh3uzUOSnkK2MuPcm89cb3RXEU,4543
-staticdash/assets/js/script.js,sha256=pXqvTyw1LRNYl5u1kQbRtQkwe0dnd1yDs1Jstj7S-GU,4148
-staticdash-0.4.0.dist-info/METADATA,sha256=IkvB_unIwpLFJs1mHKXfd7fytFr08Ei-JLLc90auAXE,1776
-staticdash-0.4.0.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-staticdash-0.4.0.dist-info/top_level.txt,sha256=3MzZU6SptkUkjcHV1cvPji0H4aRzPphLHnpStgGEcxM,11
-staticdash-0.4.0.dist-info/RECORD,,