Merge pull request #1617 from algolia/feature/MAGE-899-mixin-compat

Feature/mage 899 mixin compat

Author: cammonro

view/adminhtml/web/css/landing-page.css

@@ -1069,53 +1069,6 @@ a.ais-current-refined-values--link:hover {
     margin-bottom: 20px;
 }
 
-/** Search Box */
-
-#algolia-searchbox {
-    position: relative;
-}
-
-#algolia-searchbox .clear-cross, #algolia_instant_selector .clear-cross {
-    position: absolute;
-    display: none;
-    cursor: pointer;
-    width: 16px;
-    height: 16px;
-}
-
-#algolia-searchbox .clear-query-autocomplete {
-    bottom: 22px;
-    right: 9px;
-}
-
-#algolia_instant_selector .cross-wrapper .clear-refinement {
-    display: block;
-    position: relative;
-    top: 5px;
-    left: 5px;
-}
-
-#algolia-searchbox .magnifying-glass {
-    position: absolute;
-    bottom: 21px;
-    right: 7px;
-    width: 20px;
-    height: 20px;
-    display: block;
-}
-
-@media (min-width: 768px) {
-    #algolia-searchbox .magnifying-glass {
-        bottom: 6px;
-    }
-}
-
-@media (min-width: 768px) {
-    #algolia-searchbox .clear-query-autocomplete {
-        bottom: 8px;
-    }
-}
-
 /** PAGINATION */
 
 #instant-search-pagination-container {
@@ -1157,21 +1110,6 @@ a.ais-current-refined-values--link:hover {
     color: #606060;
 }
 
-
-#algolia-searchbox .algolia-search-input:focus:not([value=""]) {
-    background: transparent;
-}
-
-#algolia-searchbox .algolia-search-input {
-    position: static !important;
-}
-
-#algolia-searchbox .algolia-search-input:focus {
-    outline: 0;
-    box-shadow: none;
-    border: solid 1px #54A5CD;
-}
-
 #algolia_instant_selector .ais-current-refined-values.facet .ais-current-refined-values--body {
     padding-left: 8px;
 }

view/frontend/requirejs-config.js

@@ -52,6 +52,9 @@ const config = {
         'algoliaMustacheLib': 'Algolia_AlgoliaSearch/js/lib/mustache.min',
         'algoliaHoganLib'   : 'Algolia_AlgoliaSearch/js/lib/hogan.min',
 
+        // Utils
+        'algoliaBase64' : 'Algolia_AlgoliaSearch/js/internals/base64',
+
         // DEPRECATED - to be removed in a future release
         'algoliaBundle': 'Algolia_AlgoliaSearch/js/internals/algoliaBundle.min',
         'rangeSlider'  : 'Algolia_AlgoliaSearch/js/navigation/range-slider-widget'

view/frontend/web/css/autocomplete.css

@@ -429,54 +429,11 @@ html {
     max-width: 130px;
 }
 
-#algolia-searchbox .algolia-search-input:focus:not([value=""]) {
-    background: transparent;
-}
-
-#algolia-searchbox .algolia-search-input {
-    position: static !important;
-}
-
-#algolia-searchbox .algolia-search-input:focus {
-    outline: 0;
-    box-shadow: none;
-    border: solid 1px #54A5CD;
-}
-
 #algolia-autocomplete-container:after, .autocomplete-wrapper:after {
     clear: both;
     content: '';
 }
 
-#algolia-searchbox {
-    position: relative;
-}
-
-#algolia-searchbox .clear-cross, #algolia_instant_selector .clear-cross {
-    position: absolute;
-    display: none;
-    background: url("data:image/svg+xml;utf8,<svg width=\'12\' height=\'12\' viewBox=\'0 0 12 12\' xmlns=\'http://www.w3.org/2000/svg\' opacity=\'0.6\'><path d=\'M.566 1.698L0 1.13 1.132 0l.565.566L6 4.868 10.302.566 10.868 0 12 1.132l-.566.565L7.132 6l4.302 4.3.566.568L10.868 12l-.565-.566L6 7.132l-4.3 4.302L1.13 12 0 10.868l.566-.565L4.868 6 .566 1.698z\'></path></svg>") no-repeat center center / contain;
-    cursor: pointer;
-    width: 16px;
-    height: 16px;
-}
-
-#algolia-searchbox .clear-query-autocomplete {
-    bottom: 8px;
-    right: 9px;
-}
-
-#algolia-searchbox .magnifying-glass {
-    background: url("data:image/svg+xml;utf8,<svg width=\'40\' height=\'40\' viewBox=\'0 0 40 40\'  fill=\'%23A6A6A6\' xmlns=\'http://www.w3.org/2000/svg\'><path d=\'M15.553 31.107c8.59 0 15.554-6.964 15.554-15.554S24.143 0 15.553 0 0 6.964 0 15.553c0 8.59 6.964 15.554 15.553 15.554zm0-3.888c6.443 0 11.666-5.225 11.666-11.668 0-6.442-5.225-11.665-11.668-11.665-6.442 0-11.665 5.223-11.665 11.665 0 6.443 5.223 11.666 11.665 11.666zm12.21 3.84a2.005 2.005 0 0 1 .002-2.833l.463-.463a2.008 2.008 0 0 1 2.833-.003l8.17 8.168c.78.78.78 2.05-.004 2.833l-.462.463a2.008 2.008 0 0 1-2.834.004l-8.168-8.17z\' fill-rule=\'evenodd\'/></svg>") no-repeat center right / 20px;
-    border: none;
-    bottom: 7px;
-    box-shadow: none;
-    height: 20px;
-    position: absolute;
-    right: 7px;
-    width: 20px;
-}
-
 #algolia_instant_selector .cross-wrapper .clear-refinement {
     display: block;
     position: relative;
@@ -664,8 +621,4 @@ html {
 }
 .aa-Panel .aa-PanelLayout section .aa-SourceNoResults{
     padding: 5px;
-}
-
-.clear-query-autocomplete {
-    display: none !important;
-}
+}