From 3c917141dd371d7552ba47d3462e59bb9d58b681 Mon Sep 17 00:00:00 2001 From: Fedor Date: Sun, 17 Jan 2021 16:10:56 +0200 Subject: [PATCH] Apply background color instead of inset shadow for findbar input. --- toolkit/themes/linux/global/findBar.css | 15 ++++++++++++--- toolkit/themes/osx/global/findBar.css | 1 + toolkit/themes/windows/global/findBar.css | 16 +++++++++++++--- 3 files changed, 26 insertions(+), 6 deletions(-) diff --git a/toolkit/themes/linux/global/findBar.css b/toolkit/themes/linux/global/findBar.css index e3e2ad086..4a9df23ae 100644 --- a/toolkit/themes/linux/global/findBar.css +++ b/toolkit/themes/linux/global/findBar.css @@ -5,9 +5,9 @@ @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); findbar { + padding: 4px 8px; border-top: 2px solid; -moz-border-top-colors: ThreeDShadow ThreeDHighlight; - padding-bottom: 1px; min-width: 1px; transition-property: margin-bottom, opacity, visibility; transition-duration: 150ms, 150ms, 0s; @@ -73,13 +73,22 @@ findbar[hidden] { list-style-image: url("chrome://global/skin/icons/loading_16.png"); } +.findbar-textbox { + -moz-appearance: none; + border: 1px solid ThreeDShadow; + box-shadow: 0 0 1px 0 ThreeDShadow inset; + margin: 0; + padding: 5px; + width: 14em; +} + .findbar-textbox[status="notfound"] { - box-shadow: 0 0 0 1em #f66 inset; + background-color: #f66; color: white; } .findbar-textbox[flash="true"] { - box-shadow: 0 0 0 1em yellow inset; + background-color: yellow; color: black; } diff --git a/toolkit/themes/osx/global/findBar.css b/toolkit/themes/osx/global/findBar.css index 44983d80f..869a62432 100644 --- a/toolkit/themes/osx/global/findBar.css +++ b/toolkit/themes/osx/global/findBar.css @@ -196,6 +196,7 @@ label.findbar-find-fast:-moz-lwtheme, .findbar-textbox[flash="true"] { background-color: #F7E379; + color: #000; } .findbar-textbox[status="notfound"] { diff --git a/toolkit/themes/windows/global/findBar.css b/toolkit/themes/windows/global/findBar.css index 34b3ae49b..ecb1b2db1 100644 --- a/toolkit/themes/windows/global/findBar.css +++ b/toolkit/themes/windows/global/findBar.css @@ -15,7 +15,8 @@ } findbar { - padding-top: 1px; + padding: 4px 2px; + box-shadow: 0 1px 1px rgba(0,0,0,.1) inset; background-image: linear-gradient(rgba(0,0,0,.15) 1px, rgba(255,255,255,.15) 1px); background-size: 100% 2px; background-repeat: no-repeat; @@ -108,13 +109,22 @@ findbar[hidden] { list-style-image: url("chrome://global/skin/icons/information-16.png"); } +.findbar-textbox { + -moz-appearance: none; + border: 1px solid ThreeDShadow; + border-radius: 2px; + margin: 0; + padding: 1px 5px; + width: 14em; +} + .findbar-textbox[status="notfound"] { - box-shadow: 0 0 0 1em #f66 inset; + background-color: #f66; color: white; } .findbar-textbox[flash="true"] { - box-shadow: 0 0 0 1em yellow inset; + background-color: yellow; color: black; }