Switch from fontawesome webfonts to SVG + JS

https://discourse.pi-hole.net/t/use-svg-for-icons-instead-of-font/40166 Signed-off-by: Michael Howell <[email protected]>
pi-hole · Nov 5, 2020 · 0bc8efc · 0bc8efc
1 parent 274c196
commit 0bc8efc
Show file tree

Hide file tree

Showing 19 changed files with 66 additions and 9,354 deletions.
diff --git a/scripts/pi-hole/php/header.php b/scripts/pi-hole/php/header.php
diff --git a/style/pi-hole.css b/style/pi-hole.css
@@ -304,3 +304,25 @@
 .select2-container--default .select2-results > .select2-results__options {
   max-height: 400px;
 }
+
+/* Work around code that expects icon fonts rather than SVG.
+   Newer versions of AdminLTE have support for SVG icons,
+   https://github.com/ColorlibHQ/AdminLTE/pull/2920
+   so this code will only be needed temporarily. */
+
+.sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left {
+  height: 1em;
+}
+
+.sidebar-toggle-svg {
+  color: #fff;
+  float: left;
+  background: none;
+  padding: 15px 15px;
+}
+
+.sidebar-toggle-svg:hover {
+  color: #f6f6f6;
+  background: #367fa9;
+}
+
diff --git a/style/vendor/font-awesome/css/all.min.css b/style/vendor/font-awesome/css/all.min.css
diff --git a/style/vendor/font-awesome/js/all.min.js b/style/vendor/font-awesome/js/all.min.js
diff --git a/style/vendor/font-awesome/webfonts/fa-brands-400.eot b/style/vendor/font-awesome/webfonts/fa-brands-400.eot
diff --git a/style/vendor/font-awesome/webfonts/fa-brands-400.svg b/style/vendor/font-awesome/webfonts/fa-brands-400.svg
diff --git a/style/vendor/font-awesome/webfonts/fa-brands-400.ttf b/style/vendor/font-awesome/webfonts/fa-brands-400.ttf
diff --git a/style/vendor/font-awesome/webfonts/fa-brands-400.woff b/style/vendor/font-awesome/webfonts/fa-brands-400.woff
diff --git a/style/vendor/font-awesome/webfonts/fa-brands-400.woff2 b/style/vendor/font-awesome/webfonts/fa-brands-400.woff2
diff --git a/style/vendor/font-awesome/webfonts/fa-regular-400.eot b/style/vendor/font-awesome/webfonts/fa-regular-400.eot
diff --git a/style/vendor/font-awesome/webfonts/fa-regular-400.svg b/style/vendor/font-awesome/webfonts/fa-regular-400.svg
diff --git a/style/vendor/font-awesome/webfonts/fa-regular-400.ttf b/style/vendor/font-awesome/webfonts/fa-regular-400.ttf
diff --git a/style/vendor/font-awesome/webfonts/fa-regular-400.woff b/style/vendor/font-awesome/webfonts/fa-regular-400.woff
diff --git a/style/vendor/font-awesome/webfonts/fa-regular-400.woff2 b/style/vendor/font-awesome/webfonts/fa-regular-400.woff2
diff --git a/style/vendor/font-awesome/webfonts/fa-solid-900.eot b/style/vendor/font-awesome/webfonts/fa-solid-900.eot
diff --git a/style/vendor/font-awesome/webfonts/fa-solid-900.svg b/style/vendor/font-awesome/webfonts/fa-solid-900.svg
diff --git a/style/vendor/font-awesome/webfonts/fa-solid-900.ttf b/style/vendor/font-awesome/webfonts/fa-solid-900.ttf
diff --git a/style/vendor/font-awesome/webfonts/fa-solid-900.woff b/style/vendor/font-awesome/webfonts/fa-solid-900.woff
diff --git a/style/vendor/font-awesome/webfonts/fa-solid-900.woff2 b/style/vendor/font-awesome/webfonts/fa-solid-900.woff2