Merge pull request #12165 from valtlait/valtlait/img-preview-bg

Use SVG on image preview backgrounds

Author: Marcel Gerber

src/extensions/default/QuickView/QuickView.less

@@ -46,13 +46,13 @@
 }
 
 #quick-view-container .preview-content {
-    background-image: url(preview_bg.png);
+    background-image: url(preview-bg.svg);
     border-radius: 2px;
     box-shadow: 0 -1px 2px @bc-shadow-small, 0 1px 0 @bc-highlight;
 
     .dark & {
         box-shadow: 0 -1px 2px @dark-bc-shadow-small, 0 1px 0 @dark-bc-highlight;
-        background-image: url(preview_bg_dark.png);
+        background-image: url(preview-bg-dark.svg);
     }
 }
 

src/extensions/default/QuickView/preview-bg-dark.svg

@@ -372,12 +372,12 @@ a, img {
         }
 
         .image-preview {
-            background: url(images/preview_bg.png);
+            background: url(images/preview-bg.svg);
             box-shadow: 0 1px 3px @bc-shadow;
             max-height: 100%;
 
             .dark & {
-                background: url(images/preview_bg_dark.png);
+                background: url(images/preview-bg-dark.svg);
                 box-shadow: 0 1px 3px @dark-bc-shadow;
             }
         }