github/datasette
1
0
Fork 0
mirror of https://github.com/simonw/datasette.git synced 2025-12-10 16:51:24 +01:00
Code Issues Projects Releases Packages Wiki Activity

Fix for input type=search Webkit styling, closes #701

Browse source
This commit is contained in:
Simon Willison 2020-03-24 15:57:09 -07:00
commit 2a36dfa2a8
1 changed files with 11 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
datasette/static/app.css
View file

@ -161,6 +161,17 @@ form input[type=search] {
font-size: 1em;
font-family: Helvetica, sans-serif;
}
/* Stop Webkit from styling search boxes in an inconsistent way */
/* https://css-tricks.com/webkit-html5-search-inputs/ comments */
input[type=search] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
display: none;
}
@media only screen and (max-width: 576px) {
form.sql textarea {
width: 95%;