asandikci.com/web
1
0
Fork 0
Code Issues 5 Pull requests Projects Releases Packages Wiki Activity Actions

Beautified the search input.

Browse source
This commit is contained in:
Cotes Chung 2019-11-16 22:37:06 +08:00
parent aa77054172
commit bb60c9dcf8
1 changed files with 9 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
assets/css/main.scss
View file

@ -274,30 +274,35 @@ body {
display: none; display: none;
} }
#search-wrap i { #search-wrap i.fas {
position: relative; position: relative;
top: 1rem; top: 1rem;
left: .5rem; left: .5rem;
z-index: 2; z-index: 2;
font-size: .9rem; font-size: .9rem;
color: #c2c6cc!important; color: #c2c6cc;
} }
#search-input { #search-input {
position: relative; position: relative;
top: -.86rem; top: -.86rem;
background: #f5f5f5; background: #f5f5f5;
border-color: #e9ecef; border-color: #fff;
border-radius: 0.9rem; border-radius: 0.9rem;
padding: .18rem .75rem .18rem 2rem; padding: .18rem .75rem .18rem 2rem;
color: #797878;
} }
#search-input:focus { #search-input:focus {
box-shadow: none; box-shadow: none;
background: center; 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 { #topbar-title {
display: none; display: none;
font-size: 1.1rem; font-size: 1.1rem;