Bug 1220839 - Make the inspector rule/computed searchbox clear icon show correctly in RTL;r=bgrins

This commit is contained in:
Hernan Rodriguez Colmeiro 2015-11-10 00:24:07 -03:00
parent ae686e3340
commit 37efa31255
3 changed files with 14 additions and 4 deletions

View File

@ -6,6 +6,8 @@
<!DOCTYPE window [
<!ENTITY % inspectorDTD SYSTEM "chrome://devtools/locale/styleinspector.dtd">
%inspectorDTD;
<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
%globalDTD;
<!ELEMENT loop ANY>
<!ATTLIST li foreach CDATA #IMPLIED>
<!ATTLIST div foreach CDATA #IMPLIED>
@ -47,7 +49,7 @@
</script>
</head>
<body>
<body dir="&locale.dir;">
<div id="root" class="devtools-monospace">
<div class="devtools-toolbar">

View File

@ -6,6 +6,8 @@
<!DOCTYPE window [
<!ENTITY % inspectorDTD SYSTEM "chrome://devtools/locale/styleinspector.dtd">
%inspectorDTD;
<!ENTITY % globalDTD SYSTEM "chrome://global/locale/global.dtd">
%globalDTD;
]>
<html xmlns="http://www.w3.org/1999/xhtml"
@ -31,7 +33,7 @@
}
</script>
</head>
<body>
<body dir="&locale.dir;">
<div id="root" class="devtools-monospace">
<div id="ruleview-toolbar" class="devtools-toolbar">
<div class="devtools-searchbox">

View File

@ -359,7 +359,8 @@
background-image: url(images/magnifying-glass-light.png);
}
.devtools-searchinput:-moz-locale-dir(rtl) {
.devtools-searchinput:-moz-locale-dir(rtl),
.devtools-searchinput:-moz-dir(rtl) {
background-position: calc(100% - 8px) center;
}
@ -408,7 +409,7 @@
.devtools-rule-searchbox[filled] {
background-color: var(--searchbox-background-color);
border-color: var(--searchbox-border-color);
padding-right: 23px;
-moz-padding-end: 23px;
}
.devtools-style-searchbox-no-match {
@ -433,6 +434,11 @@
background-color: transparent;
}
.devtools-searchinput-clear:-moz-dir(rtl) {
right: unset;
left: 7px;
}
.theme-dark .devtools-searchinput-clear {
background-image: url("chrome://devtools/skin/images/search-clear-dark.svg");
}