fix(storefront): BCTHEME-1061 Category icons do not appear in Search …

…Form. (#2221)
bigcommerce · Jun 21, 2022 · 07c808c · 07c808c
1 parent e0b2623
commit 07c808c
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 21 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -5,6 +5,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
 ## Draft
+- Category icons do not appear in Search Form [#2221]https://github.com/bigcommerce/cornerstone/pull/2221
 - Incorrect translation displaying in Home Page Carousel for da, sv and no. [#2224]https://github.com/bigcommerce/cornerstone/pull/2224
 - Blog Pages Do Not Include Link Rel Next/Prev Tags. [#2214](https://github.com/bigcommerce/cornerstone/issues/2214).
 - Add lang attribute to html tag to improve checkout accesibility [#2210]https://github.com/bigcommerce/cornerstone/pull/2210

diff --git a/assets/scss/vendor/jstree/style.css b/assets/scss/vendor/jstree/style.css
@@ -471,7 +471,7 @@
 
 .jstree-default .jstree-node,
 .jstree-default .jstree-icon {
-    background-image: url("/assets/img/vendor/jstree/32px.png");
+    background-image: url("../../../img/vendor/jstree/32px.png");
 }
 
 .jstree-default .jstree-node {
@@ -606,15 +606,15 @@
 }
 
 .jstree-default > .jstree-container-ul .jstree-loading > .jstree-ocl {
-    background: url("/assets/img/vendor/jstree/throbber.gif") center center no-repeat;
+    background: url("../../../img/vendor/jstree/throbber.gif") center center no-repeat;
 }
 
 .jstree-default .jstree-file {
-    background: url("/assets/img/vendor/jstree/32px.png") -100px -68px no-repeat;
+    background: url("../../../img/vendor/jstree/32px.png") -100px -68px no-repeat;
 }
 
 .jstree-default .jstree-folder {
-    background: url("/assets/img/vendor/jstree/32px.png") -260px -4px no-repeat;
+    background: url("../../../img/vendor/jstree/32px.png") -260px -4px no-repeat;
 }
 
 .jstree-default > .jstree-container-ul > .jstree-node {
@@ -630,7 +630,7 @@
 #jstree-dnd.jstree-default .jstree-ok,
 #jstree-dnd.jstree-default .jstree-er {
     background-color: transparent;
-    background-image: url("/assets/img/vendor/jstree/32px.png");
+    background-image: url("../../../img/vendor/jstree/32px.png");
     background-repeat: no-repeat;
 }
 
@@ -691,7 +691,7 @@
 
 .jstree-default-small .jstree-node,
 .jstree-default-small .jstree-icon {
-    background-image: url("/assets/img/vendor/jstree/32px.png");
+    background-image: url("../../../img/vendor/jstree/32px.png");
 }
 
 .jstree-default-small .jstree-node {
@@ -826,15 +826,15 @@
 }
 
 .jstree-default-small > .jstree-container-ul .jstree-loading > .jstree-ocl {
-    background: url("/assets/img/vendor/jstree/throbber.gif") center center no-repeat;
+    background: url("../../../img/vendor/jstree/throbber.gif") center center no-repeat;
 }
 
 .jstree-default-small .jstree-file {
-    background: url("/assets/img/vendor/jstree/32px.png") -103px -71px no-repeat;
+    background: url("../../../img/vendor/jstree/32px.png") -103px -71px no-repeat;
 }
 
 .jstree-default-small .jstree-folder {
-    background: url("/assets/img/vendor/jstree/32px.png") -263px -7px no-repeat;
+    background: url("../../../img/vendor/jstree/32px.png") -263px -7px no-repeat;
 }
 
 .jstree-default-small > .jstree-container-ul > .jstree-node {
@@ -850,7 +850,7 @@
 #jstree-dnd.jstree-default-small .jstree-ok,
 #jstree-dnd.jstree-default-small .jstree-er {
     background-color: transparent;
-    background-image: url("/assets/img/vendor/jstree/32px.png");
+    background-image: url("../../../img/vendor/jstree/32px.png");
     background-repeat: no-repeat;
 }
 
@@ -911,7 +911,7 @@
 
 .jstree-default-large .jstree-node,
 .jstree-default-large .jstree-icon {
-    background-image: url("/assets/img/vendor/jstree/32px.png");
+    background-image: url("../../../img/vendor/jstree/32px.png");
 }
 
 .jstree-default-large .jstree-node {
@@ -1046,15 +1046,15 @@
 }
 
 .jstree-default-large > .jstree-container-ul .jstree-loading > .jstree-ocl {
-    background: url("/assets/img/vendor/jstree/throbber.gif") center center no-repeat;
+    background: url("../../../img/vendor/jstree/throbber.gif") center center no-repeat;
 }
 
 .jstree-default-large .jstree-file {
-    background: url("/assets/img/vendor/jstree/32px.png") -96px -64px no-repeat;
+    background: url("../../../img/vendor/jstree/32px.png") -96px -64px no-repeat;
 }
 
 .jstree-default-large .jstree-folder {
-    background: url("/assets/img/vendor/jstree/32px.png") -256px 0 no-repeat;
+    background: url("../../../img/vendor/jstree/32px.png") -256px 0 no-repeat;
 }
 
 .jstree-default-large > .jstree-container-ul > .jstree-node {
@@ -1070,7 +1070,7 @@
 #jstree-dnd.jstree-default-large .jstree-ok,
 #jstree-dnd.jstree-default-large .jstree-er {
     background-color: transparent;
-    background-image: url("/assets/img/vendor/jstree/32px.png");
+    background-image: url("../../../img/vendor/jstree/32px.png");
     background-repeat: no-repeat;
 }
 
@@ -1111,13 +1111,13 @@
     }
 
     #jstree-dnd.jstree-dnd-responsive > .jstree-ok {
-        background-image: url("/assets/img/vendor/jstree/40px.png");
+        background-image: url("../../../img/vendor/jstree/40px.png");
         background-position: 0 -200px;
         background-size: 120px 240px;
     }
 
     #jstree-dnd.jstree-dnd-responsive > .jstree-er {
-        background-image: url("/assets/img/vendor/jstree/40px.png");
+        background-image: url("../../../img/vendor/jstree/40px.png");
         background-position: -40px -200px;
         background-size: 120px 240px;
     }
@@ -1131,7 +1131,7 @@
 }
 @media (max-width: 768px) {
     .jstree-default-responsive .jstree-icon {
-        background-image: url("/assets/img/vendor/jstree/40px.png");
+        background-image: url("../../../img/vendor/jstree/40px.png");
     }
 
     .jstree-default-responsive .jstree-node,
@@ -1258,7 +1258,7 @@
     .jstree-default-responsive .jstree-node > .jstree-ocl,
     .jstree-default-responsive .jstree-themeicon,
     .jstree-default-responsive .jstree-checkbox {
-        background-image: url("/assets/img/vendor/jstree/40px.png");
+        background-image: url("../../../img/vendor/jstree/40px.png");
         background-size: 120px 240px;
     }
 
@@ -1286,12 +1286,12 @@
     }
 
     .jstree-default-responsive .jstree-file {
-        background: url("/assets/img/vendor/jstree/40px.png") 0 -160px no-repeat;
+        background: url("../../../img/vendor/jstree/40px.png") 0 -160px no-repeat;
         background-size: 120px 240px;
     }
 
     .jstree-default-responsive .jstree-folder {
-        background: url("/assets/img/vendor/jstree/40px.png") -40px -40px no-repeat;
+        background: url("../../../img/vendor/jstree/40px.png") -40px -40px no-repeat;
         background-size: 120px 240px;
     }