8c1f64e7a5
Backed out changeset 11f55b37b32b (bug 1739522) Backed out changeset 4d6fea6e4d54 (bug 1958971) Backed out changeset 0ee8cef5e12f (bug 1936648) Backed out changeset 3eba4ee39f74 (bug 1936648) Backed out changeset 0ab023489eaa (bug 1655503)
77 lines
1.5 KiB
CSS
77 lines
1.5 KiB
CSS
/* 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/. */
|
|
|
|
.search-container {
|
|
color: var(--fxview-text-primary-color);
|
|
display: inline-flex;
|
|
overflow: hidden;
|
|
position: relative;
|
|
|
|
&:focus-within {
|
|
overflow: visible;
|
|
}
|
|
}
|
|
|
|
.search-icon {
|
|
background-image: url(chrome://global/skin/icons/search-textbox.svg);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 16px;
|
|
fill: currentColor;
|
|
-moz-context-properties: fill;
|
|
height: 16px;
|
|
width: 16px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto 0;
|
|
padding: 2px;
|
|
pointer-events: none;
|
|
}
|
|
|
|
.search-icon:dir(ltr) {
|
|
left: 8px;
|
|
}
|
|
|
|
.search-icon:dir(rtl) {
|
|
right: 8px;
|
|
}
|
|
|
|
input {
|
|
border: 1px solid var(--fxview-border);
|
|
border-radius: var(--border-radius-small);
|
|
padding: 8px 32px;
|
|
width: 100%;
|
|
}
|
|
|
|
.clear-icon {
|
|
background-image: url(chrome://global/skin/icons/close-12.svg);
|
|
background-position: center;
|
|
background-repeat: no-repeat;
|
|
background-size: 16px;
|
|
fill: currentColor;
|
|
-moz-context-properties: fill;
|
|
cursor: pointer;
|
|
height: 16px;
|
|
width: 16px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
margin: auto 0;
|
|
padding: 2px;
|
|
}
|
|
|
|
.clear-icon:hover {
|
|
background-color: var(--fxview-element-background-hover);
|
|
color: var(--fxview-text-color-hover);
|
|
}
|
|
|
|
.clear-icon:dir(ltr) {
|
|
right: 8px;
|
|
}
|
|
|
|
.clear-icon:dir(rtl) {
|
|
left: 8px;
|
|
}
|