fix: 💄 add focus class on wheel button & remove empty css file

alexis-gss · Jun 19, 2024 · 5757a3e · 5757a3e
1 parent d87671c
commit 5757a3e
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 10 deletions.
diff --git a/css/app.css b/css/app.css
@@ -2,6 +2,4 @@
 
 @import './wheel.css';
 
-@import './legend.css';
-
-@import './media.css';
+@import './legend.css';
diff --git a/css/media.css b/css/media.css
diff --git a/css/wheel.css b/css/wheel.css
@@ -36,4 +36,7 @@
     font-weight: bolder;
     border-radius: 100%;
     cursor: pointer;
+}
+.wheel-button:focus {     
+    outline : none; 
 }
diff --git a/js/main.js b/js/main.js
@@ -29,19 +29,21 @@ const myChart = new Chart(ctx, {
     }
 });
 
-
 var text = [];
 text.push('<ul class="list-group legend-ul">');
+
 var ds = myChart.data.datasets[0];
 var sum = ds.data.reduce(function add(a, b) {
     return a + b;
 }, 0);
+
 for (var i = 0; i < ds.data.length; i++) {
     text.push('<li class="list-group-item">');
     var perc = Math.round(100 * ds.data[i] / sum, 0);
     text.push('<span style="background-color:' + ds.backgroundColor[i] + '">' + '</span>' + myChart.data.labels[i] + ' (' + perc + '%)');
     text.push('</li>');
 }
+
 text.push('</ul>');
 document.querySelector(".legend").innerHTML = text.join("");
 
@@ -65,13 +67,13 @@ function legendClickCallback(event) {
     var item = meta.data[index];
 
     if (item.hidden === true) {
-    target.classList.remove('text-danger');
-    target.classList.remove('legend-hidden');
-    item.hidden = null;
+        target.classList.remove('text-danger');
+        target.classList.remove('legend-hidden');
+        item.hidden = null;
     } else {
-    target.classList.add('text-danger');
-    target.classList.add('legend-hidden');
-    item.hidden = true;
+        target.classList.add('text-danger');
+        target.classList.add('legend-hidden');
+        item.hidden = true;
     }
     myChart.update();
 }