wait #7989

diff --git a/js/libs/fluidbook/fluidbook.search.js b/js/libs/fluidbook/fluidbook.search.js
index d1ba4d47ce7259e0c95c8110f0a975a4ac00eae2..afc69bfcf207e8a681294ece810a284e8f420b9c 100644 (file)
--- a/js/libs/fluidbook/fluidbook.search.js
+++ b/js/libs/fluidbook/fluidbook.search.js
@@ -110,7 +110,11 @@ FluidbookSearch.prototype = {
         });
 
         $(document).on(this.fluidbook.input.clickEvent, '.searchResultsNavClose', function () {
-            $this.closeResultsNav();
+            if($this.fluidbook.floatmode) {
+                $this.closeResultsNavInFloatMode();
+            }else {
+                $this.closeResultsNav();
+            }
         });
 
         $(this.fluidbook).on('fluidbook.resize.orientation', function (event, details) {
@@ -207,6 +211,16 @@ FluidbookSearch.prototype = {
         $('body').removeClass(this.resultsActiveClass);
     },
 
+    closeResultsNavInFloatMode: function() {
+        this.hideableElements.removeClass('hidden');
+        this.resultsNav.addClass('hideUp').addClass('hidden');
+        setTimeout(() => {
+            this.resultsNav.removeClass('hideUp');
+        }, 800);
+        this.closeSearch();
+        $('body').removeClass(this.resultsActiveClass);
+    },
+
     nextResultsPage: function () {
         var currentIndex = this.resultNavPages.indexOf(fluidbook.currentPage);
         var nextIndex = currentIndex + 1;

diff --git a/style/interface.less b/style/interface.less
index ab90da39b3c58c415333d5c2fe291f86dce83a93..cdf2413e6086a44afc948e7c311963e30a0f81cc 100644 (file)
--- a/style/interface.less
+++ b/style/interface.less
@@ -177,7 +177,10 @@
   border-radius: 5px;
 
   .floatmode & {
-    transition: none;
+
+    &:not(.hideUp) {
+      transition: none;
+    }
 
     .searchResultsNext,
     .searchResultsPrev {