From e586cd833c9b30eb1a6b6fd1b00142fbe21d6bc1 Mon Sep 17 00:00:00 2001
From: Matt Friedman <maf675@gmail.com>
Date: Sat, 2 Mar 2024 08:02:01 -0800
Subject: [PATCH] [ticket/17291] Replace last GIFs with font icons

PHPBB3-17291

Signed-off-by: Matt Friedman <maf675@gmail.com>
---
 phpBB/adm/images/arrow_down.gif  | Bin 51 -> 0 bytes
 phpBB/adm/images/arrow_left.gif  | Bin 49 -> 0 bytes
 phpBB/adm/images/arrow_right.gif | Bin 49 -> 0 bytes
 phpBB/adm/style/admin.css        |  56 +++++++++++++++++++++++++------
 4 files changed, 46 insertions(+), 10 deletions(-)
 delete mode 100644 phpBB/adm/images/arrow_down.gif
 delete mode 100644 phpBB/adm/images/arrow_left.gif
 delete mode 100644 phpBB/adm/images/arrow_right.gif

diff --git a/phpBB/adm/images/arrow_down.gif b/phpBB/adm/images/arrow_down.gif
deleted file mode 100644
index b7fbf7e2764e1f1c58ed0a166ec0d02eec927970..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 51
zcmZ?wbhEHbWMg1sXkcJ4Ha2EpU{L(Y!pOkD$e;sc1I5`G7?`+v_!DNXzIefUIRk?=
E0LkGAF8}}l

diff --git a/phpBB/adm/images/arrow_left.gif b/phpBB/adm/images/arrow_left.gif
deleted file mode 100644
index ac92cb49719f40ae82a284f16e3b9bca63feeded..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 49
zcmZ?wbhEHbWMN=qXkcJ4Ha2EpU{L(Y!pOkD$e;scGk|0mm^geG+E!#f4`5`l1^}?*
B2Z8_q

diff --git a/phpBB/adm/images/arrow_right.gif b/phpBB/adm/images/arrow_right.gif
deleted file mode 100644
index 3a080ffdfe21b646239778d71fa09e843351a63f..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 49
zcmZ?wbhEHbWMN=qXkcJ4Ha2EpU{L(Y!pOkD$e;scGk|0mm^fI3+E!#f4`5`l1^}+L
B2TT9}

diff --git a/phpBB/adm/style/admin.css b/phpBB/adm/style/admin.css
index 9b4183f9ef..d4ccb09b38 100644
--- a/phpBB/adm/style/admin.css
+++ b/phpBB/adm/style/admin.css
@@ -607,25 +607,47 @@ li {
 #menu li#activemenu a span {
 	font-weight: bold;
 	text-decoration: none;
-	background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
 	color: #1180b7;
 }
 
-.rtl #menu li#activemenu a span {
-	background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
-}
 
 #menu li#activemenu a:hover span,
 #menu li#activemenu span {
 	font-weight: bold;
 	text-decoration: none;
-	background: #ffffff url("../images/arrow_right.gif") 1% 50% no-repeat;
 	color: #bc2a4d;
 }
 
-.rtl #menu li#activemenu a:hover span,
-.rtl #menu li#activemenu span {
-	background: #ffffff url("../images/arrow_left.gif") 99% 50% no-repeat;
+#menu li#activemenu a span:before,
+#menu li#activemenu a:hover span:before,
+#menu li#activemenu span:before {
+	font-family: "Font Awesome 6 Free";
+	color: #515f77;
+	margin-right: 3px;
+	margin-left: -10px;
+	content: "\f105";
+}
+
+#menu li#activemenu a:hover span:before,
+#menu li#activemenu span:before {
+	margin-right: 1px;
+	margin-left: -8px;
+}
+
+.rtl #menu li#activemenu a span:before,
+.rtl #menu li#activemenu a:hover span:before,
+.rtl #menu li#activemenu span:before {
+	font-family: "Font Awesome 6 Free";
+	color: #515f77;
+	margin-right: -10px;
+	margin-left: 3px;
+	content: "\f104";
+}
+
+.rtl #menu li#activemenu a:hover span:before,
+.rtl #menu li#activemenu span:before {
+	margin-right: -8px;
+	margin-left: 1px;
 }
 
 #menu li a:active,
@@ -636,16 +658,30 @@ li {
 
 #menu li span.completed {
 	text-decoration: none;
-	background: url("../images/arrow_down.gif") 1% 50% no-repeat;
 	padding: 3px 3px 3px 12px;
 }
 
+#menu li span.completed:before {
+	font-family: "Font Awesome 6 Free";
+	color: #515f77;
+	margin-right: 1px;
+	margin-left: -8px;
+	content: "\f107";
+}
+
 .rtl #menu li span.completed {
 	text-decoration: none;
-	background: url("../images/arrow_down.gif") 99% 50% no-repeat;
 	padding: 3px 12px 3px 3px;
 }
 
+.rtl #menu li span.completed:before {
+	font-family: "Font Awesome 6 Free";
+	color: #515f77;
+	margin-right: -8px;
+	margin-left: 1px;
+	content: "\f107";
+}
+
 #menu .header {
 	font-family: Tahoma, Helvetica, sans-serif;
 	font-size: 0.75em;