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

Switch to Font Awesome CSS

Browse Source 
It's lighter than the JS

Signed-off-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
XhmikosR
2025-03-08 17:46:08 +02:00
parent 873cc4bb30
commit 4e6105bef9
14 changed files with 33 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
style/pi-hole.css
View File

@@ -459,6 +459,12 @@ tfoot.add-new-item > tr > th {
padding: 5px;
}
.main-header .navbar .nav > li.user > a > .fa,
.main-header .navbar .nav > li.user > a > .glyphicon,
.main-header .navbar .nav > li.user > a > .ion {
margin-right: 0;
}
.box {
border-radius: 8px;
overflow: hidden;
@@ -502,7 +508,7 @@ tfoot.add-new-item > tr > th {
}
}
.small-box-footer svg {
.small-box-footer i {
margin: 0 5px;
font-size: 13px;
}
@@ -847,16 +853,16 @@ body:not([class*="lcars"])
}
/* reverse side menu collapse arrows when menu is closed */
.sidebar-collapse .sidebar-toggle-svg svg {
.sidebar-collapse .sidebar-toggle-svg i {
transform: scaleX(-1);
}
/* reverse side menu collapse arrows on mobile screens */
@media (max-width: 767px) {
.sidebar-toggle-svg svg {
.sidebar-toggle-svg i {
transform: scaleX(-1);
}
.sidebar-open .sidebar-toggle-svg svg {
.sidebar-open .sidebar-toggle-svg i {
transform: scaleX(1);
}
}
@@ -996,6 +1002,11 @@ body:not([class*="lcars"])
margin-right: 0.5em;
}
.user-footer .menu-icon {
max-height: 1.75rem;
vertical-align: middle;
}
div.dt-buttons {
margin: 2px 0 5px;
}
@@ -1564,7 +1575,7 @@ table.dataTable tbody > tr > .selected {
margin: 0 5px;
}
.box-icons svg {
.box-icons i {
margin: 0 4px;
}

13
style/themes/lcars.css
View File

@@ -931,7 +931,7 @@ p.login-box-msg,
margin-right: -9px;
}
.sidebar-menu li a > svg {
.sidebar-menu li a > i {
display: none;
}
@@ -939,7 +939,7 @@ p.login-box-msg,
margin-right: 0;
}
.treeview-menu li a svg {
.treeview-menu li a i {
display: inherit;
position: absolute;
right: 16px;
@@ -990,7 +990,7 @@ p.login-box-msg,
position: absolute !important;
}
.sidebar-collapse .treeview-menu li a svg {
.sidebar-collapse .treeview-menu li a i {
top: auto;
right: auto;
bottom: 6px;
@@ -2190,8 +2190,7 @@ td.highlight {
}
/*** 🖖 ***/
svg.fa-hand path {
d: path(
"M247 24a32 32 0 1 0-62 16l53 198c3 9-4 18-14 18-6 0-12-4-14-10l-43-143a32 32 0 0 0-62 18l63 207c3 8-7 13-13 8l-55-53a40 40 0 0 0-56 58l113 107c43 41 100 64 160 64h19c58-4 109-43 125-100l82-275c5-17-5-35-22-40s-35 5-40 22l-37 128c-2 5-7 9-12 9-8 0-14-7-13-15l36-170c4-18-7-35-24-38s-35 7-38 24l-38 178a26 26 0 0 1-51 1z"
) !important;
.fas.fa-hand-paper {
--fa: "\f259" !important;
--fa--fa: "\f259\f259" !important;
}