[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 {
|
.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;
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue