feat/flask: fix highlight of active screenshot gallery element

static/script.js

@@ -68,7 +68,7 @@ function updateDots() {
     var dots = document.querySelectorAll("#dots .dot");
     dots.forEach(function(dot, index) {
         // index starts at 0 so add FIRST_IMG_ID to match your slide IDs
-        dot.className = "dot" + ((index + FIRST_IMG_ID) === current ? " active" : "");
+        dot.classList.toggle("active", (index + FIRST_IMG_ID) === current);
     });
 }
 

static/style.scss

@@ -376,7 +376,7 @@ iframe {
     margin: 0 0.25em;
     cursor: pointer;
 
-    .active {
+    &.active {
         background: #333;
     }
 }