Bug 1380268 - Let the new search textbox styling graduate from in-content/common.inc.css to textbox.css. r=nhnt11

MozReview-Commit-ID: It4s0dWvKkl

--HG--
extra : rebase_source : 50f6c28db0d71ac0c30297174dd7d162c725c702
This commit is contained in:
Dão Gottwald 2017-07-12 11:48:45 +02:00
parent c2d8f2d251
commit 9473e447e1
6 changed files with 22 additions and 19 deletions

View File

@ -67,8 +67,13 @@ textbox.plain html|*.textbox-textarea {
/* ::::: search textbox ::::: */
.textbox-search-icon {
list-style-image: url(moz-icon://stock/gtk-find?size=menu);
textbox:not([searchbutton]) > .textbox-input-box > .textbox-search-sign {
list-style-image: url(chrome://global/skin/icons/search-textbox.svg);
margin-inline-end: 5px;
}
.textbox-search-icon[searchbutton] {
list-style-image: url(chrome://global/skin/icons/search-textbox.svg);
}
.textbox-search-clear {

View File

@ -124,3 +124,9 @@ xul|*.spinbuttons-button > xul|*.button-box {
xul|*.spinbuttons-button > xul|*.button-box > xul|*.button-text {
display: none;
}
xul|textbox[type="search"]:not([searchbutton]) > .textbox-input-box > .textbox-search-sign {
list-style-image: url(chrome://global/skin/icons/search-textbox.svg);
margin-inline-end: 5px;
}

View File

@ -491,15 +491,6 @@ xul|textbox.tree-input {
padding-left: unset;
}
xul|textbox[type="search"]:not([searchbutton]) > .textbox-input-box > .textbox-search-icons > .textbox-search-icon {
visibility: hidden;
}
xul|textbox[type="search"]:not([searchbutton]) > .textbox-input-box > .textbox-search-sign {
list-style-image: url(chrome://global/skin/icons/search-textbox.svg);
margin-inline-end: 5px;
}
html|input[type="email"],
html|input[type="tel"],
html|input[type="text"],

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -56,7 +56,6 @@ toolkit.jar:
skin/classic/global/icons/Portrait.png (icons/Portrait.png)
skin/classic/global/icons/Print-preview.png (icons/Print-preview.png)
skin/classic/global/icons/Search-close.png (icons/Search-close.png)
skin/classic/global/icons/Search-glass.png (icons/Search-glass.png)
skin/classic/global/icons/Question.png (icons/Question.png)
skin/classic/global/icons/resizer.png (icons/resizer.png)
skin/classic/global/icons/sslWarning.png (icons/sslWarning.png)

View File

@ -73,9 +73,13 @@ textbox.plain html|*.textbox-textarea {
/* ::::: search textbox ::::: */
.textbox-search-icon {
list-style-image: url(chrome://global/skin/icons/Search-glass.png);
-moz-image-region: rect(0, 16px, 16px, 0);
textbox:not([searchbutton]) > .textbox-input-box > .textbox-search-sign {
list-style-image: url(chrome://global/skin/icons/search-textbox.svg);
margin-inline-end: 5px;
}
.textbox-search-icon[searchbutton] {
list-style-image: url(chrome://global/skin/icons/search-textbox.svg);
}
.textbox-search-icon:-moz-locale-dir(rtl) {
@ -95,13 +99,11 @@ textbox.plain html|*.textbox-textarea {
cursor: default;
}
.textbox-search-clear:not([disabled]):hover ,
.textbox-search-icon[searchbutton]:not([disabled]):hover {
.textbox-search-clear:not([disabled]):hover {
-moz-image-region: rect(0, 32px, 16px, 16px);
}
.textbox-search-clear:not([disabled]):hover:active ,
.textbox-search-icon[searchbutton]:not([disabled]):hover:active {
.textbox-search-clear:not([disabled]):hover:active {
-moz-image-region: rect(0, 48px, 16px, 32px);
}