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;