DASH: put sparkline styles in their own CSS

diff --git a/python_suite/dashboard/static/css/sparkline.css b/python_suite/dashboard/static/css/sparkline.css
new file mode 100644 (file)
index 0000000..76ded71
--- /dev/null
+++ b/python_suite/dashboard/static/css/sparkline.css
@@ -0,0 +1,13 @@
+/* Sparklines Styling */
+path {
+  stroke-width: 1;
+  fill: none;
+}
+.focus circle {
+  fill: none;
+  stroke: steelblue;
+}
+.overlay {
+  fill: none;
+  pointer-events: all;
+}

diff --git a/python_suite/dashboard/views/pv_overview.jinja2 b/python_suite/dashboard/views/pv_overview.jinja2
index 49be202499dda83e23516e6ddefe8655529c65bb..2a8c687bbac676814658207cc11ef8e7228ff6b4 100644 (file)
--- a/python_suite/dashboard/views/pv_overview.jinja2
+++ b/python_suite/dashboard/views/pv_overview.jinja2
@@ -4,22 +4,7 @@
 
 {% block header %}
 <meta http-equiv="refresh" content="15">
-<style>
-/* Sparklines Styling */
-path {
-  stroke-width: 1;
-  fill: none;
-}
-.focus circle {
-  fill: none;
-  stroke: steelblue;
-}
-.overlay {
-  fill: none;
-  pointer-events: all;
-}
-</style>
-
+<link rel="stylesheet" href="/static/css/sparkline.css">
 <script src="https://d3js.org/d3.v4.min.js"></script>
 <script src="/static/js/sparkline.js"></script>
 {% endblock %}