Merge branch 'master' into update-extension-with-sections

Author: dojutsu-user

sphinx_search/_static/css/rtd_sphinx_search.css

@@ -122,6 +122,7 @@
     width: 90%;
     margin-bottom: 15px;
 }
+
 .search__outer .bar:before,
 .search__outer .bar:after {
     content: "";
@@ -132,9 +133,11 @@
     background: #5264ae;
     transition: 0.2s ease all;
 }
+
 .search__outer .bar:before {
     left: 50%;
 }
+
 .search__outer .bar:after {
     right: 50%;
 }
@@ -167,12 +170,7 @@
     cursor: pointer;
 }
 
-/* Helper class */
-
-.display-block {
-    display: block;
-    animation: fade-in 0.4s;
-}
+/* Title of each search result */
 
 .search__result__title {
     /* Display and box model */
@@ -211,6 +209,8 @@
     text-align: left;
 }
 
+/* Highlighting of matched results */
+
 .search__outer em {
     font-style: normal;
 }

sphinx_search/_static/css/rtd_sphinx_search.min.css

@@ -562,17 +562,16 @@ const showSearchModal = () => {
     let search_bar = getInputField();
     search_bar.blur();
 
-    let search_outer_wrapper = document.querySelector(
-        ".search__outer__wrapper"
-    );
-    search_outer_wrapper.classList.add("display-block");
-
-    // sets the value of the input field to empty string and focus it.
-    let search_outer_input = document.querySelector(".search__outer__input");
-    if (search_outer_input !== null) {
-        search_outer_input.value = "";
-        search_outer_input.focus();
-    }
+    $(".search__outer__wrapper").fadeIn(400, () => {
+        // sets the value of the input field to empty string and focus it.
+        let search_outer_input = document.querySelector(
+            ".search__outer__input"
+        );
+        if (search_outer_input !== null) {
+            search_outer_input.value = "";
+            search_outer_input.focus();
+        }
+    });
 };
 
 /**
@@ -589,11 +588,7 @@ const removeSearchModal = () => {
         search_outer_input.blur();
     }
 
-    // sets display="none" to fianlly hide the modal.
-    let search_outer_wrapper = document.querySelector(
-        ".search__outer__wrapper"
-    );
-    search_outer_wrapper.classList.remove("display-block");
+    $(".search__outer__wrapper").fadeOut(400);
 };
 
 window.addEventListener("DOMContentLoaded", evt => {