From e7f63e3e5e6d5ebde41bdbed7f7e227757faafeb Mon Sep 17 00:00:00 2001
From: Yury Delendik <ydelendik@mozilla.com>
Date: Tue, 1 May 2012 19:39:24 -0500
Subject: [PATCH] Fixes rtl zoom and page up/down icons

---
 web/images/toolbarButton-pageDown-rtl.png | Bin 0 -> 558 bytes
 web/images/toolbarButton-pageUp-rtl.png   | Bin 0 -> 426 bytes
 web/viewer.css                            |  22 +++++++++++++++++++---
 web/viewer.html                           |   2 +-
 4 files changed, 20 insertions(+), 4 deletions(-)
 create mode 100644 web/images/toolbarButton-pageDown-rtl.png
 create mode 100644 web/images/toolbarButton-pageUp-rtl.png

diff --git a/web/images/toolbarButton-pageDown-rtl.png b/web/images/toolbarButton-pageDown-rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..c0051f8f040826d06f38468fcc4d657cfc69e880
GIT binary patch
literal 558
zcmV+}0@3}6P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00001b5ch_0Itp)
z=>Px#24YJ`L;(K){{a7>y{D4^000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iye$
z03Zn`nXL%`00FK^L_t(I%YBngi_=gPhMzl$*;sW%`~VAs{ROTol+ur1(dlx2L`zCZ
zZM*8KYj@SXxDX+Qgia}SrHfe%cH_3FIHNPPNhY~&ZX^xq96021Z{Fu}-n<cHmj>Jg
z4%Jgr`vGtXTmT**_lcibmUXgPt=@T__en}=$Gu!GUz?`+0yx-nIS)+JJc**{qm=T4
zl=6Mti^bv%@Cvve1N02Qqei1q6hd65560v1Iq)602BLj{!$P58sCjqFah!AD7ZApK
zSpdT@j38^a^?H4&%;PqI0Q^1v+@zh?0YiPRhrk`+D1A$!j)1>vyx+iu0PfkgeO#;6
zUM60=+5^bNi|KUwwO+5k)c}1mnRvNe?n$v&ya6`Kq^#Zmo6%_Wv)OFAzz<CwY;D`#
z>bm~CR4PTc0K$I1AGBJn8So9b(v&G4@W*kSjSwPVE|)XKmSsiVZub;8Q*n;sjQ@wY
zuDcDxFkh)uf~2_9>4;vhw@8Xf{3JV&*=*+fzMrpFs{s(T+iiU~9DYuV(|{ewd_E7P
wl#gB4m4m_HOO`keO;#PKY&?xam?Z}I2j`s8psXhcZU6uP07*qoM6N<$g6Zn_c>n+a

literal 0
HcmV?d00001

diff --git a/web/images/toolbarButton-pageUp-rtl.png b/web/images/toolbarButton-pageUp-rtl.png
new file mode 100644
index 0000000000000000000000000000000000000000..0d49d8e95e3fd732dfbfc16a12998f20ac337a4d
GIT binary patch
literal 426
zcmV;b0agBqP)<h;3K|Lk000e1NJLTq000mG000mO1ONa4wfZ;e00001b5ch_0Itp)
z=>Px#0%A)?L;(MXkIcUS000SaNLh0L01FcU01FcV0GgZ_00007bV*G`2iye$03R;e
zO)_2p00AyZL_t(2&sC8<OT$nUhM$|1inT=~h!hh`Q$Lnght94Fx^+}q3L=Pq#=lS$
z-LzdC6#M}WUBt-`q*}#AC}?7uuR6q#+k2PGd7caJIY%I$G#S9gO-f=68<$PkZt<2V
zs*KMLYvrZ<ih2HkMKCU;F-{M5O1StHZP~ndj1@J;C;Pi5LqbCQinds6KShcf;p4sf
z0uI6d^;Ty}X8Re7KqZaQYBuI291!5GO&8713zi^v)!Zn{jU}<K?>Ae53_1mJ6h^w#
zeV-oR^ysH>c;yp?Dznn>JGz9pxG6#$9N?FsB-jk1M=BneHkstGh{u!&Q|tLe=n5=Z
z5KK_0&*4R-kRyw)SWp1b(Aw3Shlls$->_wOZsP>eHWjky7-SLn4EW$3n^7eE0S7l~
UzTz2Va{vGU07*qoM6N<$f~2;q$p8QV

literal 0
HcmV?d00001

diff --git a/web/viewer.css b/web/viewer.css
index d7625a6a7..337614ccf 100644
--- a/web/viewer.css
+++ b/web/viewer.css
@@ -160,7 +160,6 @@ html[dir='rtl'] #sidebarContent {
 
 #toolbarViewer {
   position: relative;
-  margin-left: -1px;
   height: 32px;
   background-image: url(images/texture.png),
                     -moz-linear-gradient(hsla(0,0%,32%,.99), hsla(0,0%,27%,.95));
@@ -173,6 +172,12 @@ html[dir='rtl'] #sidebarContent {
               0 1px 0 hsla(0,0%,0%,.15),
               0 1px 1px hsla(0,0%,0%,.1);
 }
+html[dir='ltr'] #toolbarViewerLeft {
+  margin-left: -1px;
+}
+html[dir='rtl'] #toolbarViewerRight {
+  margin-left: -1px;
+}
 
 
 html[dir='ltr'] #toolbarViewerLeft,
@@ -450,16 +455,26 @@ html[dir='rtl'] .toolbarButton:first-child {
   content: url(images/toolbarButton-sidebarToggle.png);
 }
     
-.toolbarButton.pageUp::before {
+html[dir='ltr'] .toolbarButton.pageUp::before {
   display: inline-block;
   content: url(images/toolbarButton-pageUp.png);
 }
+
+html[dir='rtl'] .toolbarButton.pageUp::before {
+  display: inline-block;
+  content: url(images/toolbarButton-pageUp-rtl.png);
+}
     
-.toolbarButton.pageDown::before {
+html[dir='ltr'] .toolbarButton.pageDown::before {
   display: inline-block;
   content: url(images/toolbarButton-pageDown.png);
 }
 
+html[dir='rtl'] .toolbarButton.pageDown::before {
+  display: inline-block;
+  content: url(images/toolbarButton-pageDown-rtl.png);
+}
+
 .toolbarButton.zoomOut::before {
   display: inline-block;
   content: url(images/toolbarButton-zoomOut.png);
@@ -690,6 +705,7 @@ canvas {
 }
 
 .page {
+  direction: ltr;
   width: 816px;
   height: 1056px;
   margin: 10px auto;
diff --git a/web/viewer.html b/web/viewer.html
index 545e7405b..b257ec61a 100644
--- a/web/viewer.html
+++ b/web/viewer.html
@@ -117,7 +117,7 @@
         </div>
 
         <div id="viewerContainer">
-          <div id="viewer" dir="ltr"></div>
+          <div id="viewer"></div>
         </div>
 
         <div id="loadingBox">