fix: fix search bar loading style

easyops-cn · Nov 19, 2020 · 59464c4 · 59464c4
1 parent d2cbd69
commit 59464c4
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 51 deletions.
diff --git 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
@@ -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 */