bug fixes

mrsajadpp · Jan 9, 2024 · ff62ffc · ff62ffc
1 parent 9f5c3fd
commit ff62ffc
Show file tree

Hide file tree

Showing 3 changed files with 14 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -108,7 +108,7 @@
             <li>
                 <a href="">
                     <button class="active">
-                        <span class="material-icons">
+                        <span class="material-icons-outlined">
                             home
                         </span>
                     </button>
@@ -165,7 +165,7 @@
                     <li>
                         <a href="/">
                             <button class="active">
-                                <span class="material-icons">
+                                <span class="material-icons-outlined">
                                     home
                                 </span>
                                 <span class="menu-name">Home</span>

diff --git a/src/js/script.js b/src/js/script.js
@@ -1,5 +1,6 @@
 // Get all the buttons with the specified class
 const buttons = document.querySelectorAll('.menu-bar .menu-group ul li a button');
+const activeBtn = document.querySelectorAll('.active');
 
 // Iterate through each button and add event listeners
 buttons.forEach(button => {
@@ -21,6 +22,15 @@ buttons.forEach(button => {
 
 });
 
+activeBtn.forEach(button => {
+    if (button.classList.contains('active')) {
+        const icon = button.querySelector('.material-icons-outlined');
+        icon.classList.remove('material-icons-outlined');
+        icon.classList.add('material-icons');
+    }
+
+});
+
 const footerBtn = document.querySelectorAll('footer ul li a button');
 
 footerBtn.forEach(button => {

diff --git a/trending.html b/trending.html
@@ -108,7 +108,7 @@
             <li>
                 <a href="">
                     <button>
-                        <span class="material-icons">
+                        <span class="material-icons-outlined">
                             home
                         </span>
                     </button>
@@ -165,7 +165,7 @@
                     <li>
                         <a href="/">
                             <button>
-                                <span class="material-icons">
+                                <span class="material-icons-outlined">
                                     home
                                 </span>
                                 <span class="menu-name">Home</span>