Merge pull request #114 from findify/FI-8130-liquid-styling-bugs

Fi 8130 liquid styling bugs
findify · Sep 18, 2024 · 8f2614e · 8f2614e
2 parents 7391759 + c21fb70
commit 8f2614e
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 5 deletions.
diff --git a/assets/findify-autocomplete.js b/assets/findify-autocomplete.js
@@ -95,6 +95,8 @@ const initFindifyAutocompleteEvents = () => {
     const top = getBottom(input) + 2;
     const autocomplete = document.querySelector('.findify-autocomplete');
     autocomplete.style.top = `${top}px`;
+    autocomplete.style.height = `max-content`;
+    autocomplete.style.maxHeight = `calc(100vh - ${top}px)`;
   };
 
   const closeAutocomplete = (e, isEscape) => {

diff --git a/assets/findify-filter.css b/assets/findify-filter.css
@@ -483,6 +483,9 @@ button {
   outline: none;
 }
 
+.findify-price-range-input-container .money {
+  white-space: nowrap;
+}
 /* Chrome, Safari, Edge, Opera */
 .findify-price-range-input::-webkit-outer-spin-button,
 .findify-price-range-input::-webkit-inner-spin-button {

diff --git a/assets/findify-sorting.css b/assets/findify-sorting.css
@@ -55,7 +55,7 @@
   right: 0;
   top: 100%;
   margin: 0;
-  z-index: 5;
+  z-index: 2;
 }
 
 .findify-sorting.findify-open .findify-sorting-list {

diff --git a/sections/findify-product-card.liquid b/sections/findify-product-card.liquid
@@ -17,4 +17,4 @@
   , reviews: reviews
   , reviews_count: reviews_count
   , selected_variant_id: selected_variant_id
--%}
+-%}
diff --git a/sections/findify-recommendation.liquid b/sections/findify-recommendation.liquid
@@ -19,10 +19,8 @@
 
   <script>
       const selector = "#{{ recommendation_id }} .swiper";
-
       const swiper = new Swiper(selector, {
         direction: "horizontal",
-        loop: true,
         pagination: {
           el: ".swiper-pagination",
           type: "bullets",

diff --git a/snippets/findify-filter-checkbox.liquid b/snippets/findify-filter-checkbox.liquid
@@ -40,7 +40,6 @@
     const filterClickHandler = (e) => {
       e.preventDefault();
       e.stopPropagation();
-      document.documentElement.classList.remove('findify-no-scroll');
       findify.filters.update({ value, type, name });
     };