Style search clear element

// FREEBIE
9 years ago · ae686b3984
parent 2cde35e212
commit ae686b3984
2 changed files with 13 additions and 0 deletions
--- a/stylesheets/_index.scss
+++ b/stylesheets/_index.scss
@ -89,6 +89,13 @@ input.search {
  padding: 0;
  margin: 0;
  outline: 0;
+  &::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+    width: 16px;
+    height: 16px;
+    background: url('/images/x.png') no-repeat center;
+    background-size: cover;
+  }
 }

 .tool-bar {
--- a/stylesheets/manifest.css
+++ b/stylesheets/manifest.css
@ -442,6 +442,12 @@ input.search {
  padding: 0;
  margin: 0;
  outline: 0; }
+  input.search::-webkit-search-cancel-button {
+    -webkit-appearance: none;
+    width: 16px;
+    height: 16px;
+    background: url("/images/x.png") no-repeat center;
+    background-size: cover; }

 .tool-bar button.show-new-conversation {
  float: right;