From 26a029d407be480d791972afb5975cf62c9360a6 Mon Sep 17 00:00:00 2001 From: Daniel Baumann Date: Fri, 19 Apr 2024 02:47:55 +0200 Subject: Adding upstream version 124.0.1. Signed-off-by: Daniel Baumann --- toolkit/themes/shared/search-textbox.css | 110 +++++++++++++++++++++++++++++++ 1 file changed, 110 insertions(+) create mode 100644 toolkit/themes/shared/search-textbox.css (limited to 'toolkit/themes/shared/search-textbox.css') diff --git a/toolkit/themes/shared/search-textbox.css b/toolkit/themes/shared/search-textbox.css new file mode 100644 index 0000000000..7b23d9b338 --- /dev/null +++ b/toolkit/themes/shared/search-textbox.css @@ -0,0 +1,110 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +:host { + appearance: auto; + -moz-default-appearance: textfield; + cursor: text; + margin: 2px 4px; /* matches global.css margin */ + padding: 2px 2px 3px; + padding-inline-start: 4px; + background-color: Field; + color: FieldText; + min-width: 0; +} + +@media (-moz-platform: macos) { + :host { + -moz-default-appearance: searchfield; + /* TODO: These are a bit dubious, see bug 1815264 */ + font-size: 12px; + margin: 4px; /* matches global.css margin */ + padding: 1px; + } +} + +input { + border: none; + padding: 0 1px; + background-color: transparent; + outline: none; + color: inherit; + font: inherit; + text-shadow: inherit; + box-sizing: border-box; + flex: 1; + text-align: inherit; + min-width: 0; +} + +:host([readonly="true"]) { + background-color: -moz-Dialog; + color: -moz-DialogText; +} + +:host([disabled="true"]) { + cursor: default; + background-color: -moz-Dialog; + color: GrayText; +} + +.textbox-search-icons { + align-items: center; + justify-items: center; +} + +.textbox-search-icon, +.textbox-search-sign, +.textbox-search-clear { + /* Search icon is 12px, but we expand to the clear button size so they + * overlap. That doesn't make the icon noticeably less crisp */ + width: 14px; +} + +.textbox-search-sign, +.textbox-search-icon { + list-style-image: url(chrome://global/skin/icons/search-textbox.svg); +} + +.textbox-search-sign:-moz-locale-dir(rtl), +.textbox-search-icon:-moz-locale-dir(rtl) { + transform: scaleX(-1); +} + +.textbox-search-sign { + margin-inline-end: 5px; +} + +.textbox-search-clear { + list-style-image: url(resource://content-accessible/searchfield-cancel.svg); +} + +.textbox-search-icon:not([disabled]) { + cursor: pointer; +} + +.textbox-search-clear:not([disabled]) { + cursor: default; +} + +/* searchbutton disables the icon to the left. + * Otherwise we don't show the search icon, only the clear icon, see + * bug 1385902 */ +:host([searchbutton]) .textbox-search-sign, +:host(:not([searchbutton])) .textbox-search-icons:not([selectedIndex="1"]) { + display: none; +} + +/* On macOS -moz-default-appearance: searchbox provides the search icon too, so + * disable those there unconditionally */ +@media (-moz-platform: macos) { + .textbox-search-sign, + .textbox-search-icons:not([selectedIndex="1"]) { + display: none; + } + + .textbox-search-clear { + margin-bottom: 1px; + } +} -- cgit v1.2.3