From 17857841abc032ea60cdeda5a26001083ae06c83 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Christian=20K=C3=B6nig?= <ckoenig@posteo.de>
Date: Sat, 13 Aug 2022 11:14:51 +0200
Subject: [PATCH] Change left hamburger menu icon to arrows
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Christian König <ckoenig@posteo.de>
---
 scripts/pi-hole/php/header_authenticated.php |  2 +-
 style/pi-hole.css                            | 15 +++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/scripts/pi-hole/php/header_authenticated.php b/scripts/pi-hole/php/header_authenticated.php
index dc44001c..5905ba4f 100644
--- a/scripts/pi-hole/php/header_authenticated.php
+++ b/scripts/pi-hole/php/header_authenticated.php
@@ -171,7 +171,7 @@ if ($auth) {
         <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>
diff --git a/style/pi-hole.css b/style/pi-hole.css
index 321f8454..466146b3 100644
--- a/style/pi-hole.css
+++ b/style/pi-hole.css
@@ -707,6 +707,21 @@ li:not(.menu-open) .treeview-menu .warning-count {
   }
 }
 
+/* reverse side menu collapse arrows when menu is closed */
+.sidebar-collapse .sidebar-toggle-svg {
+  transform: scaleX(-1);
+}
+
+/* reverse side menu collapse arrows on mobile screens */
+@media (max-width: 767px) {
+  .sidebar-toggle-svg {
+    transform: scaleX(-1);
+  }
+  .sidebar-open .sidebar-toggle-svg {
+    transform: scaleX(1);
+  }
+}
+
 .icon-bounce {
   display: inline-block;
   position: relative;