[Search] Input hotfix (#266)

* Search input hotfix

Apparently [placeholder property](https://css-tricks.com/almanac/selectors/p/placeholder/) is not very well standardized.
Fixed the margin overwriting materialize.css rule (thus the infamous `!important` ;-))

* Fixed margin on sticky navbar

Signed-off-by: Kuba Wolanin <hi@kubawolanin.com>

* Code review follow-up

Signed-off-by: Kuba Wolanin <hi@kubawolanin.com>
pull/269/head
Kuba Wolanin 2017-01-25 08:33:29 +01:00 committed by Thomas Dietrich
parent 89aec94c3b
commit 936f8df017
1 changed files with 23 additions and 6 deletions

View File

@ -20,17 +20,26 @@ li.search:hover {
.search-form-input {
padding-left: 5px !important;
width: 100px;
width: 100px;
border: none !important;
transition: 0.2s ease-in;
display: block;
margin: 17px 0 0 0;
margin: 17px 0 0 0 !important;
}
.search-form ::-webkit-input-placeholder,
.search-form ::-moz-placeholder,
.search-form ::-ms-input-placeholder {
color: #fff;
.sticky .search-form-input {
margin: 9px 0 0 0 !important;
}
.search-form ::-webkit-input-placeholder {
color: #fff;
}
.search-form ::-moz-placeholder {
color: #fff;
}
.search-form ::-ms-input-placeholder{
color: #fff;
}
#searchform .search-form-input:focus {
@ -57,3 +66,11 @@ li.search:hover {
#searchresults input {
box-sizing: content-box;
}
input.gsc-input {
box-shadow: none !important;
}
#querymob {
color: #000;
}