Use background-image for external link SVG in sidebar

HedgeDocs · Oct 26, 2023 · 23801d3 · 23801d3
1 parent 7c4c8c6
commit 23801d3
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/hedgedocs/web/stylesheets/extra.css b/hedgedocs/web/stylesheets/extra.css
@@ -74,8 +74,13 @@ body > header > nav.md-header__inner.md-grid > div.md-header__title > div > div:
 /* EXTERNAL LINKS IN SIDEBAR */
 
 a[href^="htt"].md-nav__link::before {
-    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='.8rem' viewBox='0 0 512 512'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E%0A");
-    margin: .025rem -.2rem 0 0;
+    content: "";
+    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='.8rem' viewBox='0 0 512 512'%3E%3Cpath d='M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z'/%3E%3C/svg%3E%0A");
+    width: .9em;
+    height: .9em;
+    background-repeat: no-repeat;
+    background-size: .9em .9em;
+    margin: 2px -.2rem 0 0;
 }
 
 /* IMAGE PREVIEW */