staticdash 0.3.4__tar.gz → 0.4.0__tar.gz

{staticdash-0.3.4 → staticdash-0.4.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: staticdash
-Version: 0.3.4
+Version: 0.4.0
 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.3.4 → staticdash-0.4.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "staticdash"
-version = "0.3.4"
+version = "0.4.0"
 description = "A lightweight static HTML dashboard generator with Plotly and pandas support."
 authors = [
     { name = "Brian Day", email = "brian.day1@gmail.com" }

{staticdash-0.3.4 → staticdash-0.4.0}/staticdash/assets/css/style.css

@@ -1,23 +1,28 @@
 body {
   margin: 0;
   font-family: sans-serif;
-  /* background-color: #f9f9f9; */
   background-color: #ffffff;
   color: #333;
 }
 
+/* Fixed sidebar on the left */
 #sidebar {
   position: fixed;
   top: 0;
   left: 0;
   width: 240px;
   height: 100vh;
-  background-color: #2c3e50;
-  padding: 20px 20px 60px 20px;
+  background-color: #ffffff;
+  padding: 20px;
   box-sizing: border-box;
   overflow-y: auto;
   scrollbar-width: thin;
-  scrollbar-color: #888 #2c3e50;
+  scrollbar-color: #888 #ffffff;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  border-right: 1px solid #ccc;
+  z-index: 1000;
 }
 
 #sidebar::-webkit-scrollbar {
@@ -25,7 +30,7 @@ body {
 }
 
 #sidebar::-webkit-scrollbar-track {
-  background: #2c3e50;
+  background: #ffffff;
 }
 
 #sidebar::-webkit-scrollbar-thumb {
@@ -34,14 +39,15 @@ body {
 }
 
 #sidebar h1 {
-  color: #ecf0f1;
+  color: #2c3e50;
   font-size: 20px;
   margin-bottom: 20px;
 }
 
+/* Nav links */
 .nav-link {
   display: block;
-  color: #bdc3c7;
+  color: #2c3e50;
   text-decoration: none;
   margin: 10px 0;
   font-weight: bold;
@@ -51,8 +57,7 @@ body {
 }
 
 .nav-link:hover {
-  color: #ffffff;
-  background-color: #34495e;
+  background-color: #ecf0f1;
 }
 
 .nav-link.active {
@@ -60,16 +65,15 @@ body {
   background-color: #1abc9c;
 }
 
+/* Sidebar footer */
 #sidebar-footer {
-  position: fixed;
-  bottom: 20px;
-  left: 20px;
-  width: 200px;
   font-size: 12px;
   color: #7f8c8d;
   text-align: center;
   line-height: 1.4;
-  background-color: #2c3e50;
+  margin-top: 40px;
+  padding-top: 20px;
+  border-top: 1px solid #ccc;
 }
 
 #sidebar-footer a {
@@ -81,14 +85,33 @@ body {
   text-decoration: underline;
 }
 
-#content {
-  margin-left: 260px;
+/* Main wrapper stretches full width but content is pushed right */
+#wrapper {
+  margin-left: 240px;
+  padding: 0;
+  background-color: #ffffff;
+  min-height: 100vh;
+  overflow-x: hidden;
+}
+
+/* Inner content area is centered up to max-width */
+#wrapper-inner {
+  max-width: 960px;
+  margin: 0 auto;
   padding: 20px;
   box-sizing: border-box;
 }
 
+/* Content area */
+#content {
+  width: 100%;
+  box-sizing: border-box;
+}
+
 .page-section {
   display: none;
+  max-width: 100%;
+  overflow-x: auto;
 }
 
 .page-section.active {
@@ -111,7 +134,7 @@ table {
   border-collapse: collapse;
   margin-top: 1em;
   background-color: white;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
   overflow-x: auto;
 }
 
@@ -120,8 +143,7 @@ thead {
   color: white;
 }
 
-th,
-td {
+th, td {
   padding: 10px;
   border: 1px solid #ddd;
   text-align: left;
@@ -135,12 +157,14 @@ tbody tr:hover {
   background-color: #e8f0fe;
 }
 
+/* Images */
 .dash-image {
   max-width: 100%;
   height: auto;
   margin: 1em 0;
 }
 
+/* Download Button */
 .download-button {
   display: inline-block;
   padding: 0.5em 1em;
@@ -156,7 +180,7 @@ tbody tr:hover {
   background-color: #547a9f;
 }
 
-/* Sortable Tables */
+/* Sortable Table Headers */
 table.sortable th {
   cursor: pointer;
   position: relative;
@@ -173,20 +197,21 @@ table.sortable th::after {
 }
 
 table.sortable th.sorted-asc::after {
-  content: "\25B2";
+  content: "▲";
 }
 
 table.sortable th.sorted-desc::after {
-  content: "\25BC";
+  content: "▼";
 }
 
 /* MiniPage Layout */
 .minipage-row {
   display: flex;
-  width: 100%;
   gap: 20px;
   margin-bottom: 20px;
+  max-width: 100%;
   box-sizing: border-box;
+  overflow-x: auto;
 }
 
 .minipage-cell {
@@ -208,8 +233,7 @@ table.sortable th.sorted-desc::after {
 }
 
 .minipage-cell .syntax-block {
-  margin-top: 0.5em;
-  margin-bottom: 0.5em;
+  margin: .5em 0;
 }
 
 .minipage-cell table {
@@ -233,8 +257,8 @@ table.sortable th.sorted-desc::after {
   padding: 1em;
   background: none;
   color: inherit;
-  font-family: 'Fira Mono', 'Consolas', monospace;
-  font-size: 0.95em;
+  font-family: 'Fira Mono','Consolas',monospace;
+  font-size: .95em;
 }
 
 .code-toolbar {
@@ -244,24 +268,23 @@ table.sortable th.sorted-desc::after {
   z-index: 2;
 }
 
-.copy-btn,
-.view-raw-btn {
+.copy-btn, .view-raw-btn {
   color: #fff;
   background: #444;
   border-radius: 4px;
   padding: 2px 8px;
-  font-size: 0.85em;
+  font-size: .85em;
   text-decoration: none;
   margin-left: 4px;
   cursor: pointer;
   transition: background 0.2s;
 }
 
-.copy-btn:hover,
-.view-raw-btn:hover {
+.copy-btn:hover, .view-raw-btn:hover {
   background: #1abc9c;
 }
 
+/* Table Wrapper */
 .table-wrapper {
   overflow-x: auto;
   width: 100%;

{staticdash-0.3.4 → staticdash-0.4.0}/staticdash/dashboard.py

@@ -2,7 +2,6 @@ import os
 import shutil
 import uuid
 import pandas as pd
-import plotly.graph_objects as go
 from dominate import document
 from dominate.tags import div, h1, h2, h3, h4, p, a, script, link
 from dominate.util import raw as raw_util
@@ -198,11 +197,13 @@ class Dashboard:
                 with div(id="sidebar-footer"):
                     a("Produced by staticdash", href="https://pypi.org/project/staticdash/", target="_blank")
 
-            with div(id="content"):
-                for idx, page in enumerate(self.pages):
-                    with div(id=f"page-{page.slug}", cls="page-section", style="display:none;") as section:
-                        for el in page.render(idx, downloads_dir=downloads_dir, relative_prefix=""):
-                            section += el
+            with div(id="wrapper"):
+                with div(id="wrapper-inner"):
+                    with div(id="content"):
+                        for idx, page in enumerate(self.pages):
+                            with div(id=f"page-{page.slug}", cls="page-section", style="display:none;") as section:
+                                for el in page.render(idx, downloads_dir=downloads_dir, relative_prefix=""):
+                                    section += el
 
         with open(os.path.join(output_dir, "index.html"), "w") as f:
             f.write(str(index_doc))

{staticdash-0.3.4 → staticdash-0.4.0}/staticdash.egg-info/PKG-INFO

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