From bb60c9dcf8e3b906cfe67dbf06cbe80c5625d8c1 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Sat, 16 Nov 2019 22:37:06 +0800
Subject: [PATCH] Beautified the search input.

---
 assets/css/main.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/assets/css/main.scss b/assets/css/main.scss
index ee50c7a..4149227 100644
--- a/assets/css/main.scss
+++ b/assets/css/main.scss
@@ -274,30 +274,35 @@ body {
   display: none;
 }
 
-#search-wrap i {
+#search-wrap i.fas {
   position: relative;
   top: 1rem;
   left: .5rem;
   z-index: 2;
   font-size: .9rem;
-  color: #c2c6cc!important;
+  color: #c2c6cc;
 }
 
 #search-input {
   position: relative;
   top: -.86rem;
   background: #f5f5f5;
-  border-color: #e9ecef;
+  border-color: #fff;
   border-radius: 0.9rem;
   padding: .18rem .75rem .18rem 2rem;
-  color: #797878;
 }
 
 #search-input:focus {
   box-shadow: none;
   background: center;
+  border-color: #e9ecef;
 }
 
+#search-input:focus.form-control::-webkit-input-placeholder { opacity: 0.6; }
+#search-input:focus.form-control::-moz-placeholder { opacity: 0.6; }
+#search-input:focus.form-control:-ms-input-placeholder { opacity: 0.6; }
+#search-input:focus.form-control::placeholder { opacity: 0.6; }
+
 #topbar-title {
   display: none;
   font-size: 1.1rem;