[v1.9] optimize search transition

lianxin255 · Jun 21, 2020 · 49025e6 · 49025e6
1 parent 1ef4318
commit 49025e6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/css/hux-blog.css b/css/hux-blog.css
@@ -587,12 +587,15 @@ pre.highlight {
   -ms-transform: translate(0, 0) scale(1, 1);
   transform: translate(0, 0) scale(1, 1);
 }
-.search-page.search-active #search-input {
+.search-page.search-active .search-main {
   opacity: 1;
 }
 .search-page .search-main {
   padding-top: 80px;
   height: 100%;
+  opacity: 0;
+  -webkit-transition: all 400ms cubic-bezier(0.32, 1, 0.23, 1) 250ms;
+  transition: all 400ms cubic-bezier(0.32, 1, 0.23, 1) 250ms;
 }
 .search-page .search-main .row,
 .search-page .search-main .row > div {
@@ -618,9 +621,6 @@ pre.highlight {
   font-size: 30px;
   font-weight: bold;
   color: #404040;
-  opacity: 0;
-  -webkit-transition: all 400ms cubic-bezier(0.32, 1, 0.23, 1) 250ms;
-  transition: all 400ms cubic-bezier(0.32, 1, 0.23, 1) 250ms;
 }
 @media only screen and (min-width: 768px) {
   .search-page #search-input {