Pi-Hole/web
1
0
Fork 0
mirror of https://github.com/pi-hole/web.git synced 2026-02-15 07:25:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Change left hamburger menu icon to arrows

Browse Source 
Signed-off-by: Christian König <ckoenig@posteo.de>
This commit is contained in:
Christian König
2022-08-13 11:14:51 +02:00
parent 836b7ab7be
commit 17857841ab
2 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
scripts/pi-hole/php/header_authenticated.php
View File

@@ -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>

15
style/pi-hole.css
View File

@@ -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;