Bug 493732 - Section expander and collapser in about:certerror appear on the left side and have the wrong direction in RTL mode; r=dao a=gavin

browser/components/certerror/content/aboutCertError.css

@@ -23,6 +23,7 @@
  *   Steven Garrity <steven@silverorange.com>
  *   Henrik Skupin  <mozilla@hskupin.info>
  *   Johnathan Nightingale <johnath@mozilla.com>
+ *   Ehsan Akhgari <ehsan.akhgari@gmail.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -48,11 +49,17 @@
 
 #technicalContent > h2, #expertContent > h2 {
   cursor: pointer;
-  padding-left: 20px;
+  -moz-padding-start: 20px;
   position: relative;
   left: -20px;
 }
 
+body[dir="rtl"] #technicalContent > h2,
+body[dir="rtl"] #expertContent > h2 {
+  left: auto;
+  right: -20px;
+}
+
 div[collapsed] > p,
 div[collapsed] > div {
   display: none;

browser/themes/gnomestripe/browser/aboutCertError.css

@@ -23,6 +23,7 @@
  *   Steven Garrity <steven@silverorange.com>
  *   Henrik Skupin  <mozilla@hskupin.info>
  *   Johnathan Nightingale <johnath@mozilla.com>
+ *   Ehsan Akhgari <ehsan.akhgari@gmail.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -89,7 +90,17 @@ body[dir="rtl"] #errorPageContainer {
   background : url("chrome://browser/skin/section_expanded.png") left 0 no-repeat;
 }
 
+body[dir="rtl"] #technicalContent > h2,
+body[dir="rtl"] #expertContent > h2 {
+  background-position: right 0;
+}
+
 #technicalContent[collapsed] > h2,
 #expertContent[collapsed] > h2{
   background-image: url("chrome://browser/skin/section_collapsed.png");
 }
+
+body[dir="rtl"] #technicalContent[collapsed] > h2,
+body[dir="rtl"] #expertContent[collapsed] > h2 {
+  background-image: url("chrome://browser/skin/section_collapsed-rtl.png");
+}

browser/themes/gnomestripe/browser/jar.mn

@@ -28,6 +28,7 @@ browser.jar:
   skin/classic/browser/Privacy-48.png
   skin/classic/browser/searchbar.css                  (searchbar.css)
   skin/classic/browser/section_collapsed.png
+  skin/classic/browser/section_collapsed-rtl.png
   skin/classic/browser/section_expanded.png
   skin/classic/browser/Secure.png
   skin/classic/browser/Security-broken.png

browser/themes/pinstripe/browser/aboutCertError.css

@@ -23,6 +23,7 @@
  *   Steven Garrity <steven@silverorange.com>
  *   Henrik Skupin  <mozilla@hskupin.info>
  *   Johnathan Nightingale <johnath@mozilla.com>
+ *   Ehsan Akhgari <ehsan.akhgari@gmail.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -89,7 +90,17 @@ body[dir="rtl"] #errorPageContainer {
   background : url("chrome://browser/skin/section_expanded.png") left 0 no-repeat;
 }
 
+body[dir="rtl"] #technicalContent > h2,
+body[dir="rtl"] #expertContent > h2 {
+  background-position: right 0;
+}
+
 #technicalContent[collapsed] > h2,
 #expertContent[collapsed] > h2{
   background-image: url("chrome://browser/skin/section_collapsed.png");
 }
+
+body[dir="rtl"] #technicalContent[collapsed] > h2,
+body[dir="rtl"] #expertContent[collapsed] > h2 {
+  background-image: url("chrome://browser/skin/section_collapsed-rtl.png");
+}

browser/themes/pinstripe/browser/jar.mn

@@ -46,6 +46,7 @@ browser.jar:
   skin/classic/browser/Search.png
   skin/classic/browser/Search-addengines.png
   skin/classic/browser/section_collapsed.png
+  skin/classic/browser/section_collapsed-rtl.png
   skin/classic/browser/section_expanded.png
   skin/classic/browser/Secure-Glyph-White.png
   skin/classic/browser/Secure-statusbar.png

browser/themes/winstripe/browser/aboutCertError.css

@@ -23,6 +23,7 @@
  *   Steven Garrity <steven@silverorange.com>
  *   Henrik Skupin  <mozilla@hskupin.info>
  *   Johnathan Nightingale <johnath@mozilla.com>
+ *   Ehsan Akhgari <ehsan.akhgari@gmail.com>
  *
  * Alternatively, the contents of this file may be used under the terms of
  * either the GNU General Public License Version 2 or later (the "GPL"), or
@@ -89,7 +90,17 @@ body[dir="rtl"] #errorPageContainer {
   background : url("chrome://browser/skin/section_expanded.png") left center no-repeat;
 }
 
+body[dir="rtl"] #technicalContent > h2,
+body[dir="rtl"] #expertContent > h2 {
+  background-position: right center;
+}
+
 #technicalContent[collapsed] > h2,
 #expertContent[collapsed] > h2{
   background-image: url("chrome://browser/skin/section_collapsed.png");
 }
+
+body[dir="rtl"] #technicalContent[collapsed] > h2,
+body[dir="rtl"] #expertContent[collapsed] > h2 {
+  background-image: url("chrome://browser/skin/section_collapsed-rtl.png");
+}

browser/themes/winstripe/browser/jar.mn

@@ -40,6 +40,7 @@ browser.jar:
 *       skin/classic/browser/searchbar.css                           (searchbar.css)
         skin/classic/browser/Search-addengines.png
         skin/classic/browser/section_collapsed.png
+        skin/classic/browser/section_collapsed-rtl.png
         skin/classic/browser/section_expanded.png
         skin/classic/browser/setDesktopBackground.css
         skin/classic/browser/menu-back.png                           (menu-back.png)
@@ -154,6 +155,7 @@ browser.jar:
 *       skin/classic/aero/browser/searchbar.css                      (searchbar.css)
         skin/classic/aero/browser/Search-addengines.png
         skin/classic/aero/browser/section_collapsed.png
+        skin/classic/aero/browser/section_collapsed-rtl.png
         skin/classic/aero/browser/section_expanded.png
         skin/classic/aero/browser/setDesktopBackground.css
         skin/classic/aero/browser/menu-back.png                      (menu-back-aero.png)