Change hamburger menu icon to angle icons

Signed-off-by: Christian König <ckoenig@posteo.de>
pi-hole · Aug 12, 2022 · d2ca833 · d2ca833
1 parent aa17619
commit d2ca833
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/scripts/pi-hole/js/index.js b/scripts/pi-hole/js/index.js
@@ -1210,3 +1210,9 @@ $(function () {
 window.addEventListener("resize", function () {
   $(".chartjs-tooltip").remove();
 });
+
+// change sidebar icon on collapse/expand
+$(".sidebar-toggle-svg").click(function () {
+  $(this).find("svg").toggleClass("fa-angle-double-left fa-angle-double-right");
+});
+
diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php
@@ -249,7 +249,7 @@ function getTemperature()
         <nav class="navbar navbar-static-top">
             <!-- Sidebar toggle button-->
             <a href="#" class="sidebar-toggle-svg" data-toggle="push-menu" role="button">
-                <i aria-hidden="true" class="fa fa-bars"></i>
+                <i aria-hidden="true" class="fa fa-angle-double-left"></i>
                 <span class="sr-only">Toggle navigation</span>
                 <span class="warning-count hidden" id="top-warning-count"></span>
             </a>