From 618f8a20b25a9c45412ac1f816d0c921f66905e6 Mon Sep 17 00:00:00 2001 From: bmFtZQ <62812711+bmFtZQ@users.noreply.github.com> Date: Mon, 29 Mar 2021 23:29:27 +0800 Subject: [PATCH] change urlbar border on hover --- chrome/urlbar/urlbar.css | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/chrome/urlbar/urlbar.css b/chrome/urlbar/urlbar.css index debdaa1..49cfa8a 100644 --- a/chrome/urlbar/urlbar.css +++ b/chrome/urlbar/urlbar.css @@ -161,11 +161,12 @@ #urlbar, #searchbar { + --urlbar-shadow: 0 1px 5px 0 #0001; font-size: 14px !important; border-radius: 4px !important; background-color: var(--toolbar-field-background-color) !important; border: 0 !important; - box-shadow: 0 1px 5px 0 #0001 !important; + box-shadow: var(--urlbar-shadow) !important; padding: 2px !important; background-clip: padding-box !important; transition: background-color .1s var(--ease-basic) !important; @@ -190,9 +191,7 @@ #searchbar:hover { background-color: var(--toolbar-field-hover-background-color) !important; - border: 1px solid var(--toolbar-field-hover-background-color) !important; - border-color: var(--toolbar-field-hover-border-color, transparent) !important; - padding: 1px !important; + box-shadow: 0 0 0 1px inset var(--toolbar-field-hover-border-color, transparent), var(--urlbar-shadow) !important; } #urlbar[focused],