Index: arms/html/dashboard/content-container.html =================================================================== diff -u -r4b4a2271b403ea423caac6e131c97cc590705c49 -r06c6a4606acaad9b58cdc6de6334b2b80d3a7671 --- arms/html/dashboard/content-container.html (.../content-container.html) (revision 4b4a2271b403ea423caac6e131c97cc590705c49) +++ arms/html/dashboard/content-container.html (.../content-container.html) (revision 06c6a4606acaad9b58cdc6de6334b2b80d3a7671) @@ -308,9 +308,9 @@
-
-
-
+
+
+

+

-
+
-
-
+
+
+
+

+ id="version-timeline-wrapper" style="height: 150px;">

@@ -708,11 +711,11 @@ .day-progress { position: absolute; - top: 85%; + top: 75%; left: 50%; translate: -50% -50%; - font-size: 12px; - font-weight: bold; + font-size: 14px; + font-weight: 600; } .timeline:before { left: 0px !important; @@ -748,4 +751,9 @@ .ms-choice { height: 16px; } + + .needle, + .needle-center { + fill: #f1f2f6; + } \ No newline at end of file Index: arms/js/dashboard.js =================================================================== diff -u -r9e4fc22d8c6b0894a64a5e1757a7b5c014beab73 -r06c6a4606acaad9b58cdc6de6334b2b80d3a7671 --- arms/js/dashboard.js (.../dashboard.js) (revision 9e4fc22d8c6b0894a64a5e1757a7b5c014beab73) +++ arms/js/dashboard.js (.../dashboard.js) (revision 06c6a4606acaad9b58cdc6de6334b2b80d3a7671) @@ -520,13 +520,13 @@ totalPercent = 0.75; margin = { - top: 20, - right: 20, - bottom: 30, - left: 20 + top: 0, + right: 0, + bottom: 0, + left: 0 }; - width = 200; + width = 220; height = width; radius = Math.min(width, height) / 2.5; @@ -546,7 +546,7 @@ svg = d3 .select("#versionGaugeChart") .append("svg") - .attr("viewBox", [29, 19, width - 40, height - 40]) + .attr("viewBox", [70, 10, width -150, height -100]) .append("g"); chart = svg @@ -755,7 +755,7 @@ return Needle; })(); - needle = new Needle(25, 7.5); + needle = new Needle(35, 3); needle.drawOn(chart, 0); Index: arms/js/dashboard/chart/infographic_custom.css =================================================================== diff -u -rd6a8675bcddcb918becf595b68d1ffdd032746b6 -r06c6a4606acaad9b58cdc6de6334b2b80d3a7671 --- arms/js/dashboard/chart/infographic_custom.css (.../infographic_custom.css) (revision d6a8675bcddcb918becf595b68d1ffdd032746b6) +++ arms/js/dashboard/chart/infographic_custom.css (.../infographic_custom.css) (revision 06c6a4606acaad9b58cdc6de6334b2b80d3a7671) @@ -452,7 +452,7 @@ position: relative; overflow: hidden; width: 790px; - height: 231px; + height: 80px; } .infographic.basic .timeline .graph .block { position: absolute;