From 6c7c8d94251c378c51f2534427e376bd073d3f3d Mon Sep 17 00:00:00 2001
From: MAEDA Go <maeda@farend.jp>
Date: Tue, 20 Oct 2026 16:01:59 +0900
Subject: [PATCH] Replace the external link icon with the Tabler
 "external-link" icon

---
 app/assets/images/external-link-rtl.svg |   1 +
 app/assets/images/external-link.svg     |   1 +
 app/assets/images/external.png          | Bin 136 -> 0 bytes
 app/assets/stylesheets/application.css  |  15 ++++++++-------
 4 files changed, 10 insertions(+), 7 deletions(-)
 create mode 100644 app/assets/images/external-link-rtl.svg
 create mode 100644 app/assets/images/external-link.svg
 delete mode 100644 app/assets/images/external.png

diff --git a/app/assets/images/external-link-rtl.svg b/app/assets/images/external-link-rtl.svg
new file mode 100644
index 000000000..cf4764139
--- /dev/null
+++ b/app/assets/images/external-link-rtl.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6h6a2 2 0 0 1 2 2v10a2 2 0 0 1 -2 2h-10a2 2 0 0 1 -2 -2v-6" /><path d="M13 13l-9 -9" /><path d="M9 4h-5v5" /></svg>
diff --git a/app/assets/images/external-link.svg b/app/assets/images/external-link.svg
new file mode 100644
index 000000000..079a06d7c
--- /dev/null
+++ b/app/assets/images/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 6h-6a2 2 0 0 0 -2 2v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-6" /><path d="M11 13l9 -9" /><path d="M15 4h5v5" /></svg>
diff --git a/app/assets/images/external.png b/app/assets/images/external.png
deleted file mode 100644
index 77c202895052508d3b97363b07dfb8035de5dba5..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 136
zcmeAS@N?(olHy`uVBq!ia0vp^oFL4>3?#4ne^UZdJOMr-u0Z<SwPRcNZk@AqPEEed
zFCd?>B*-tA!Qt7BG$2RI)5S4_<GSyegS-p|Jk1BX_x?XuYkG=bkwq=nnB&B(bt{|X
fPAxxE_WT=zzzl{c<;);8pe_baS3j3^P6<r_@xdy(

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index 23e558e9f..473ca9833 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -1972,15 +1972,16 @@ div.wiki table td[align=right], div.wiki table th[align=right] { text-align: end
 
 div.wiki .wiki-class-noborder, div.wiki .wiki-class-noborder td, div.wiki .wiki-class-noborder th {border:0;}
 
-div.wiki .external {
-  background-position: left 60%;
-  background-repeat: no-repeat;
-  padding-inline-start: 12px;
-  background-image: url(/external.png);
+div.wiki .external::after {
+  content: "";
+  margin-inline-start: 0.1em;
+  padding-inline-start: 1em;
+  background-color: var(--oc-gray-6);
+  mask: url(/external-link.svg) no-repeat center / 1em;
 }
 
-html[dir="rtl"] div.wiki .external {
-  background-position: right 60%;
+html[dir="rtl"] div.wiki .external::after {
+  mask-image: url(/external-link-rtl.svg);
 }
 
 div.wiki a {word-wrap: break-word;}
-- 
2.55.0