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