Fixes svg inline issue (#184318)

This commit is contained in:
Henning Dieterichs
2023-06-05 07:50:56 -07:00
committed by GitHub
parent c91e086397
commit 8aaf66366c
3 changed files with 10 additions and 4 deletions
@@ -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>

After

Width:  |  Height:  |  Size: 173 B

@@ -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>

After

Width:  |  Height:  |  Size: 173 B

@@ -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 {