From 66d6e71f06af760d20bc5153444c3b0734a724d8 Mon Sep 17 00:00:00 2001 From: tamaina Date: Sun, 12 Jul 2020 00:43:17 +0900 Subject: [PATCH] Fix style of input(type="search") on macOS Safari (#6484) --- src/client/app.vue | 1 + src/client/components/google.vue | 2 ++ 2 files changed, 3 insertions(+) diff --git a/src/client/app.vue b/src/client/app.vue index a751d5db44..41b196536b 100644 --- a/src/client/app.vue +++ b/src/client/app.vue @@ -498,6 +498,7 @@ export default Vue.extend({ border-radius: 38px; color: var(--fg); background: var(--bg); + -webkit-appearance: textfield; &:focus { outline: none; diff --git a/src/client/components/google.vue b/src/client/components/google.vue index de96cbd16a..630e8b83bc 100644 --- a/src/client/components/google.vue +++ b/src/client/components/google.vue @@ -44,10 +44,12 @@ export default Vue.extend({ font-size: 16px; border: solid 1px var(--divider); border-radius: 4px 0 0 4px; + -webkit-appearance: textfield; } > button { flex-shrink: 0; + margin: 0; padding: 0 16px; border: solid 1px var(--divider); border-left: none;