[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
parent
89aec94c3b
commit
936f8df017
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue