Merge pull request #1260 from shreesh-webkul/gli-2390

Fixed: jquery chosen, select and tinymce plugins used images not visible in different admin theme

Author: rohit053

admin/themes/default/img/loader.gif

@@ -20,7 +20,7 @@ $chosen-focus-box-shadow: 0 1px 1px rgba(0, 0, 0, .075) inset, 0 0 8px rgba(82,
 $chosen-focus-transition: border linear .2s, box-shadow linear .2s
 $chosen-height: $input-height-base
 $chosen-multi-height: $input-height-base + 6px
-$chosen-sprite-path: '../img/chosen-sprite.png'
+$chosen-sprite-path: '#{$img-path}/chosen-sprite.png'
 
 .chosen-select
 	width: 100%

admin/themes/default/sass/partials/_chosen.sass

@@ -86,7 +86,7 @@ Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
     text-decoration: none;
 
     border: 0;
-    background: url('../img/select2.png') right top no-repeat;
+    background: url('#{$img-path}/select2.png') right top no-repeat;
     cursor: pointer;
     outline: 0;
 }
@@ -182,7 +182,7 @@ Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
     display: block;
     width: 100%;
     height: 100%;
-    background: url('../img/select2.png') no-repeat 0 1px;
+    background: url('#{$img-path}/select2.png') no-repeat 0 1px;
 }
 
 .select2-search {
@@ -215,17 +215,17 @@ Version: 3.4.6 Timestamp: Sat Mar 22 22:30:15 EDT 2014
     -webkit-box-shadow: none;
             box-shadow: none;
 
-    background: #fff url('../img/select2.png') no-repeat 100% -22px;
-    background: url('../img/select2.png') no-repeat 100% -22px;
+    background: #fff url('#{$img-path}/select2.png') no-repeat 100% -22px;
+    background: url('#{$img-path}/select2.png') no-repeat 100% -22px;
 }
 
 .select2-drop.select2-drop-above .select2-search input {
     margin-top: 4px;
 }
 
 .select2-search input.select2-active {
-    background: #fff url('../img/select2-spinner.gif') no-repeat 100%;
-    background: url('../img/select2-spinner.gif') no-repeat 100%;
+    background: #fff url('#{$img-path}/select2-spinner.gif') no-repeat 100%;
+    background: url('#{$img-path}/select2-spinner.gif') no-repeat 100%;
 }
 
 .select2-container-active .select2-choice,
@@ -369,7 +369,7 @@ disabled look for disabled choices in the results dropdown
 }
 
 .select2-more-results.select2-active {
-    background: #f4f4f4 url('../img/select2-spinner.gif') no-repeat 100%;
+    background: #f4f4f4 url('#{$img-path}/select2-spinner.gif') no-repeat 100%;
 }
 
 .select2-more-results {
@@ -456,7 +456,7 @@ html[dir="rtl"] .select2-container-multi .select2-choices li
 }
 
 .select2-container-multi .select2-choices .select2-search-field input.select2-active {
-    background: #fff url('../img/select2-spinner.gif') no-repeat 100% !important;
+    background: #fff url('#{$img-path}/select2-spinner.gif') no-repeat 100% !important;
 }
 
 .select2-default {
@@ -512,7 +512,7 @@ html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
 
     font-size: 1px;
     outline: none;
-    background: url('../img/select2.png') right top no-repeat;
+    background: url('#{$img-path}/select2.png') right top no-repeat;
 }
 html[dir="rtl"] .select2-search-choice-close {
     right: auto;
@@ -590,7 +590,7 @@ html[dir="rtl"] .select2-search-choice-close {
     .select2-search-choice-close,
     .select2-container .select2-choice abbr,
     .select2-container .select2-choice .select2-arrow b {
-        background-image: url('../img/select2x2.png') !important;
+        background-image: url('#{$img-path}/select2x2.png') !important;
         background-repeat: no-repeat !important;
         background-size: 60px 40px !important;
     }
@@ -607,7 +607,7 @@ html[dir="rtl"] .select2-search-choice-close {
 }
 
 .form-control .select2-choice .select2-arrow {
-    border-radius: 0 2px 2px 0;   
+    border-radius: 0 2px 2px 0;
 }
 
 .form-control.select2-container {

admin/themes/default/sass/partials/_select2.scss

@@ -1210,7 +1210,7 @@ i.mce-i-resize
 	opacity: .6
 	filter: alpha(opacity = 60)
 	zoom: 1
-	background: white url('img/loader.gif') no-repeat center center
+	background: white url('#{$img-path}/loader.gif') no-repeat center center
 
 .mce-i-none
 	width: 16px