From 8aaf66366c0bb331edd5ff423430120bb96f614e Mon Sep 17 00:00:00 2001
From: Henning Dieterichs <hdieterichs@microsoft.com>
Date: Mon, 5 Jun 2023 16:50:56 +0200
Subject: [PATCH] Fixes svg inline issue (#184318)

---
 .../browser/widget/diffEditorWidget2/patternBottom.svg    | 3 +++
 .../browser/widget/diffEditorWidget2/patternTop.svg       | 3 +++
 src/vs/editor/browser/widget/diffEditorWidget2/style.css  | 8 ++++----
 3 files changed, 10 insertions(+), 4 deletions(-)
 create mode 100644 src/vs/editor/browser/widget/diffEditorWidget2/patternBottom.svg
 create mode 100644 src/vs/editor/browser/widget/diffEditorWidget2/patternTop.svg

diff --git a/src/vs/editor/browser/widget/diffEditorWidget2/patternBottom.svg b/src/vs/editor/browser/widget/diffEditorWidget2/patternBottom.svg
new file mode 100644
index 00000000000..07718b4ec13
--- /dev/null
+++ b/src/vs/editor/browser/widget/diffEditorWidget2/patternBottom.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>
+	<polygon points='0,10 5,0 10,10' style='fill:white' />
+</svg>
diff --git a/src/vs/editor/browser/widget/diffEditorWidget2/patternTop.svg b/src/vs/editor/browser/widget/diffEditorWidget2/patternTop.svg
new file mode 100644
index 00000000000..07718b4ec13
--- /dev/null
+++ b/src/vs/editor/browser/widget/diffEditorWidget2/patternTop.svg
@@ -0,0 +1,3 @@
+<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>
+	<polygon points='0,10 5,0 10,10' style='fill:white' />
+</svg>
diff --git a/src/vs/editor/browser/widget/diffEditorWidget2/style.css b/src/vs/editor/browser/widget/diffEditorWidget2/style.css
index 1d1b0f04f36..ce533d54d1b 100644
--- a/src/vs/editor/browser/widget/diffEditorWidget2/style.css
+++ b/src/vs/editor/browser/widget/diffEditorWidget2/style.css
@@ -10,15 +10,15 @@
 .diff-hidden-lines.showTop .top {
 	height: 7px;
 	background-color: var(--vscode-diffEditor-unchangedRegionBackground);
-	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,10 5,0 10,10' style='fill:white' />      </svg>") repeat 0px 0px;
-	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,10 5,0 10,10' style='fill:white' />      </svg>") repeat 0px 0px;
+	mask: url("./patternTop.svg") repeat 0px 0px;
+	-webkit-mask: url("./patternTop.svg") repeat 0px 0px;
 }
 
 .diff-hidden-lines.showBottom .bottom {
 	height: 7px;
 	background-color: var(--vscode-diffEditor-unchangedRegionBackground);
-	mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,0 5,10 10,0' style='fill:white' />      </svg>") repeat 10px 0px;
-	-webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='7' viewBox='0 0 10 10' preserveAspectRatio='none'>       <polygon points='0,0 5,10 10,0' style='fill:white' />      </svg>") repeat 10px 0px;
+	mask: url("./patternBottom.svg") repeat 10px 0px;
+	-webkit-mask: url("./patternBottom.svg") repeat 10px 0px;
 }
 
 .diff-hidden-lines .center {