Merge branch 'master' of github.com:c3lingo/c3lingo-mumblestats

c3lingo · Dec 6, 2019 · e8002ab · e8002ab
2 parents 1c5c87c + 13a57c1
commit e8002ab
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/static/mumblestats.css b/static/mumblestats.css
@@ -39,6 +39,14 @@ h1 {
   width: 20em;
 }
 
+.channelStatsMeterBar {
+  transition: width .1s;
+}
+
+.channelStatsMeterNeedle {
+  transition: x .1s;
+}
+
 #notconnected {
   position: fixed;
   display: block;

diff --git a/static/mumblestats.js b/static/mumblestats.js
@@ -69,8 +69,8 @@ document.addEventListener("DOMContentLoaded", function(event) {
       html += createStatsDisplayGradation(i);
     }
     html += '<text x="1" y="3.5" font-family="Arial, Helvetica, sans-serif" fill="#ccc" font-size="3" text-anchor="left">dBFS</text>';
-    html += '<rect id="channelStatsMeter-' + channel + '" x="6" y="6" width="88" height="3" fill="url(#meter_display)"/>';
-    html += '<rect id="channelStatsPeak-' + channel + '" x="93.5" y="5.5" width="1" height="4" fill="#f00" stroke="#000" stroke-width=".2"/>';
+    html += '<rect class="channelStatsMeterBar" id="channelStatsMeter-' + channel + '" x="6" y="6" width="88" height="3" fill="url(#meter_display)"/>';
+    html += '<rect class="channelStatsMeterNeedle" id="channelStatsPeak-' + channel + '" x="93.5" y="5.5" width="1" height="4" fill="#f00" stroke="#000" stroke-width=".2"/>';
 
     html += '</svg></div>';