From 59464c41dd668ace4546e78d47d5098d606d3a0e Mon Sep 17 00:00:00 2001
From: weareoutman <wangshenwei@qq.com>
Date: Thu, 19 Nov 2020 10:21:44 +0800
Subject: [PATCH] fix: fix search bar loading style

---
 .../theme/SearchBar/SearchBar.module.css      |  2 +-
 .../theme/SearchPage/SearchPage.module.css    | 50 -------------------
 2 files changed, 1 insertion(+), 51 deletions(-)

diff --git a/src/client/theme/SearchBar/SearchBar.module.css b/src/client/theme/SearchBar/SearchBar.module.css
index 22c4276d..a27f5c55 100644
--- a/src/client/theme/SearchBar/SearchBar.module.css
+++ b/src/client/theme/SearchBar/SearchBar.module.css
@@ -197,7 +197,7 @@ html[data-theme="dark"] .noResultsIcon {
   background-image: none;
 }
 
-.searchIndexLoading .searchBarLoadingRing {
+.searchBarContainer.searchIndexLoading .searchBarLoadingRing {
   display: inline-block;
 }
 
diff --git a/src/client/theme/SearchPage/SearchPage.module.css b/src/client/theme/SearchPage/SearchPage.module.css
index 874a3846..df5984ef 100644
--- a/src/client/theme/SearchPage/SearchPage.module.css
+++ b/src/client/theme/SearchPage/SearchPage.module.css
@@ -28,53 +28,3 @@
   font-style: italic;
   margin: 0.5rem 0px 0px;
 }
-
-/* Start: pure CSS loaders */
-/* https://loading.io/css/ */
-.ldsRing {
-  display: inline-block;
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  opacity: var(--search-local-loading-icon-opacity, 0.5);
-}
-
-.ldsRing div {
-  box-sizing: border-box;
-  display: block;
-  position: absolute;
-  width: 16px;
-  height: 16px;
-  margin: 2px;
-  border: 2px solid
-    var(--search-load-loading-icon-color, var(--ifm-navbar-search-input-color));
-  border-radius: 50%;
-  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
-  border-color: var(
-      --search-load-loading-icon-color,
-      var(--ifm-navbar-search-input-color)
-    )
-    transparent transparent transparent;
-}
-
-.ldsRing div:nth-child(1) {
-  animation-delay: -0.45s;
-}
-
-.ldsRing div:nth-child(2) {
-  animation-delay: -0.3s;
-}
-
-.ldsRing div:nth-child(3) {
-  animation-delay: -0.15s;
-}
-
-@keyframes lds-ring {
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(360deg);
-  }
-}
-/* End: pure CSS loaders */