Merge pull request mozilla#2511 from Snuffleupagus/fix-RTL-outline

yurydelendik · yurydelendik · commit 179f3e301054 · 2013-01-03T08:26:07.000-08:00
Fixes the Outline view in RTL languages, follow up of mozilla#2510
diff --git a/web/viewer.css b/web/viewer.css
@@ -967,16 +967,19 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
   -moz-user-select:none;
 }
 
-.outlineItem > .outlineItems {
+html[dir='ltr'] .outlineItem > .outlineItems {
   margin-left: 20px;
 }
 
+html[dir='rtl'] .outlineItem > .outlineItems {
+  margin-right: 20px;
+}
+
 .outlineItem > a {
   text-decoration: none;
   display: inline-block;
   min-width: 95%;
   height: auto;
-  padding: 2px 0 5px 10px;
   margin-bottom: 1px;
   border-radius: 2px;
   color: hsla(0,0%,100%,.8);
@@ -987,6 +990,14 @@ a:focus > .thumbnail > .thumbnailSelectionRing,
   white-space: normal;
 }
 
+html[dir='ltr'] .outlineItem > a {
+  padding: 2px 0 5px 10px;
+}
+
+html[dir='rtl'] .outlineItem > a {
+  padding: 2px 10px 5px 0;
+}
+
 .outlineItem > a:hover {
   background-color: hsla(0,0%,100%,.02);
   background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,100%,0));
