CRM-13966 - Style select2 with search icon

diff --git a/css/civicrm.css b/css/civicrm.css
index 47b8bb0010cef0ed1b6314153633576dd4971a73..38c2e0c85db220dad68b4974e9250d690d1dfe05 100644 (file)
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -3828,6 +3828,18 @@ div.m ul#civicrm-menu,
   background: white url('../i/loading.gif') no-repeat right center;
 }
 
+/* select2 */
+/* Move background image into outer container so we can place an icon in the inner container */
+.crm-container .select2-container-multi {
+  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
+  background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
+  background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
+  background-image: linear-gradient(top, #eee 1%, #fff 15%);
+}
+.crm-container .select2-container-multi .select2-choices {
+  background: url("../packages/jquery/plugins/select2/select2.png") no-repeat scroll right -22px;
+}
+
 /* Special styling for specific form buttons */
 #crm-container span.crm-button_qf_Main_upload input,
 #crm-container span.crm-button_qf_Confirm_next input,

diff --git a/templates/CRM/Contact/Form/Search/Criteria/Location.tpl b/templates/CRM/Contact/Form/Search/Criteria/Location.tpl
index b5dedf65fe99f62ed3eec1d211aa062b9c094485..fc9fbd0171b834314640f35f0af75307bf56334e 100644 (file)
--- a/templates/CRM/Contact/Form/Search/Criteria/Location.tpl
+++ b/templates/CRM/Contact/Form/Search/Criteria/Location.tpl
@@ -94,17 +94,17 @@
         </tr>
         <tr>
       <td colspan="2">{$form.county.label}<br />
-        {$form.county.html|crmAddClass:bigSelect}&nbsp;
+        {$form.county.html}&nbsp;
       </td>
       <td>{$form.country.label}<br />
-        {$form.country.html|crmAddClass:big}&nbsp;
+        {$form.country.html}&nbsp;
       </td>
         </tr>
     </table>
         {/if}&nbsp;
         </td>
         <td>{$form.state_province.label}<br />
-            {$form.state_province.html|crmAddClass:bigSelect}
+            {$form.state_province.html}
         </td>
     </tr>
     {if $addressGroupTree}