akira
/
pdfjs-dist
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Fixes rtl languages

Yury Delendik 13 years ago
parent
261f92ebd1
commit
72ec5d070b
4 changed files with 127 additions and 55 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 62
      web/locale.properties
  2. 110
      web/viewer.css
  3. 4
      web/viewer.html
  4. 4
      web/viewer.js

62
web/locale.properties
Unescape View File

@ -3,7 +3,7 @@ bookmark.title=Current view (copy or open in new window)
previous.title=Previous previous.title=Previous
next.title=Next next.title=Next
print.title=Print print.title=Print
download_label.title=Download download.title=Download
zoom_out.title=Zoom Out zoom_out.title=Zoom Out
zoom_in.title=Zoom In zoom_in.title=Zoom In
error_more_info=More Information error_more_info=More Information
@ -30,35 +30,35 @@ page_of=of {{pageCount}}
no_outline=No Outline Available no_outline=No Outline Available
[ar] [ar]
‏‫bookmark.title=الحالية عرض (نسخة أو في فتح نافذة جديدة)‬ bookmark.title=الحالية عرض (نسخة أو في فتح نافذة جديدة)‬
‏‫previous.title=سابق‬ previous.title=سابق‬
‏‫next.title=التالي‬ next.title=التالي‬
‏‫print.title=طباعة‬ print.title=طباعة‬
‏‫download_label.title=تحميل‬ download.title=تحميل‬
‏‫zoom_out.title=التصغير‬ zoom_out.title=التصغير‬
‏‫zoom_in.title=تكبير‬ zoom_in.title=تكبير‬
‏‫error_more_info=مزيد من المعلومات‬ error_more_info=مزيد من المعلومات‬
‏‫error_less_info=أقل المعلومات‬ error_less_info=أقل المعلومات‬
‏‫error_close=أغلق‬ error_close=أغلق‬
‏‫error_build=PDF.JS البناء: ‬{{build}} error_build=PDF.JS البناء: ‬{{build}}
‏‫error_message=الرسالة: ‬{{message}} error_message=الرسالة: ‬{{message}}
‏‫error_stack=المكدس: ‬{{stack}} error_stack=المكدس: ‬{{stack}}
‏‫error_file=ملف:‬ {{file}} error_file=ملف:‬ {{file}}
‏‫error_line=خط: ‬{{line}} error_line=خط: ‬{{line}}
‏‫page_scale_width=صفحة العرض‬ page_scale_width=صفحة العرض‬
‏‫page_scale_fit=صفحة صالح‬ page_scale_fit=صفحة صالح‬
‏‫page_scale_auto=التلقائي تكبير‬ page_scale_auto=التلقائي تكبير‬
‏‫page_scale_actual=الحجم الفعلي‬ page_scale_actual=الحجم الفعلي‬
‏‫toggle_slider.title=تبديل المتزلج‬ toggle_slider.title=تبديل المتزلج‬
‏‫thumbs.title=وتظهر الصور المصغرة‬ thumbs.title=وتظهر الصور المصغرة‬
‏‫outline.title=عرض المخطط التفصيلي وثيقة‬ outline.title=عرض المخطط التفصيلي وثيقة‬
‏‫loading=تحميل ... {{percent}}٪ في المئة‬ loading=تحميل ... {{percent}}٪ في المئة‬
‏‫loading_error_indicator=خطأ‬ loading_error_indicator=خطأ‬
‏‫loading_error=حدث خطأ أثناء تحميل قوات الدفاع الشعبي.‬ loading_error=حدث خطأ أثناء تحميل قوات الدفاع الشعبي.‬
‏‫rendering_error=حدث خطأ في حين جعل صفحة.‬ rendering_error=حدث خطأ في حين جعل صفحة.‬
‏‫page_label=الصفحة:‬ page_label=الصفحة:‬
‏‫page_of=من {{pageCount}}‬ page_of=من {{pageCount}}‬
‏‫no_outline=لا مخطط متاح‬ no_outline=لا مخطط متاح‬
[ru] [ru]
bookmark.title=Ссылка на текущий вид (скопировать или открыть в новом окне) bookmark.title=Ссылка на текущий вид (скопировать или открыть в новом окне)
@ -96,7 +96,7 @@ bookmark.title=<<<_¢ȗггεпţ ṿiεẂ (¢OÞӳ Oг OÞεп iп пεẂ Ẃ
previous.title=<<<_ÞгεṿiOȗ§_>>> previous.title=<<<_ÞгεṿiOȗ§_>>>
next.title=<<<_пεӾţ_>>> next.title=<<<_пεӾţ_>>>
print.title=<<<_Þгiпţ_>>> print.title=<<<_Þгiпţ_>>>
download_label.title=<<<_ÐOẂпḻOãÐ_>>> download.title=<<<_ÐOẂпḻOãÐ_>>>
zoom_out.title=<<<_ƩOOм Oȗţ_>>> zoom_out.title=<<<_ƩOOм Oȗţ_>>>
zoom_in.title=<<<_ƩOOм iп_>>> zoom_in.title=<<<_ƩOOм iп_>>>
error_more_info=<<<_мOгε iп£OгмãţiOп_>>> error_more_info=<<<_мOгε iп£OгмãţiOп_>>>

110
web/viewer.css
Unescape View File

@ -22,16 +22,26 @@ body {
} }
/* outer/inner center provides horizontal center */ /* outer/inner center provides horizontal center */
.outerCenter { html[dir='ltr'] .outerCenter {
float: right; float: right;
position: relative; position: relative;
right: 50%; right: 50%;
} }
.innerCenter { html[dir='rtl'] .outerCenter {
float: left;
position: relative;
left: 50%;
}
html[dir='ltr'] .innerCenter {
float: right; float: right;
position: relative; position: relative;
right: -50%; right: -50%;
} }
html[dir='rtl'] .innerCenter {
float: left;
position: relative;
left: -50%;
}
#outerContainer { #outerContainer {
width: 100%; width: 100%;
@ -42,7 +52,6 @@ body {
position: absolute; position: absolute;
top: 0; top: 0;
bottom: 0; bottom: 0;
left: -200px;
width: 200px; width: 200px;
-moz-transition-property: left; -moz-transition-property: left;
-moz-transition-duration: 200ms; -moz-transition-duration: 200ms;
@ -51,9 +60,19 @@ body {
-webkit-transition-duration: 200ms; -webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease; -webkit-transition-timing-function: ease;
} }
#outerContainer.sidebarOpen > #sidebarContainer { html[dir='ltr'] #sidebarContainer {
left: -200px;
}
html[dir='rtl'] #sidebarContainer {
right: -200px;
}
html[dir='ltr'] #outerContainer.sidebarOpen > #sidebarContainer {
left: 0px; left: 0px;
} }
html[dir='rtl'] #outerContainer.sidebarOpen > #sidebarContainer {
right: 0px;
}
#mainContainer { #mainContainer {
position: absolute; position: absolute;
@ -68,13 +87,15 @@ body {
-webkit-transition-duration: 200ms; -webkit-transition-duration: 200ms;
-webkit-transition-timing-function: ease; -webkit-transition-timing-function: ease;
} }
#outerContainer.sidebarOpen > #mainContainer { html[dir='ltr'] #outerContainer.sidebarOpen > #mainContainer {
left: 200px; left: 200px;
} }
html[dir='rtl'] #outerContainer.sidebarOpen > #mainContainer {
right: 200px;
}
#sidebarContent { #sidebarContent {
top: 32px; top: 32px;
left: 0;
bottom: 0; bottom: 0;
overflow: auto; overflow: auto;
position: absolute; position: absolute;
@ -83,6 +104,12 @@ body {
background-color: hsla(0,0%,0%,.1); background-color: hsla(0,0%,0%,.1);
box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25); box-shadow: inset -1px 0 0 hsla(0,0%,0%,.25);
} }
html[dir='ltr'] #sidebarContent {
left: 0;
}
html[dir='rtl'] #sidebarContent {
right: 0;
}
#viewerContainer { #viewerContainer {
overflow: auto; overflow: auto;
@ -138,30 +165,46 @@ body {
0 1px 1px hsla(0,0%,0%,.1); 0 1px 1px hsla(0,0%,0%,.1);
} }
#toolbarViewerLeft {
html[dir='ltr'] #toolbarViewerLeft,
html[dir='rtl'] #toolbarViewerRight {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
} }
#toolbarViewerRight { html[dir='ltr'] #toolbarViewerRight,
html[dir='rtl'] #toolbarViewerLeft {
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
} }
#toolbarViewerLeft > *, html[dir='ltr'] #toolbarViewerLeft > *,
#toolbarViewerMiddle > *, html[dir='ltr'] #toolbarViewerMiddle > *,
#toolbarViewerRight > * { html[dir='ltr'] #toolbarViewerRight > * {
float: left; float: left;
} }
html[dir='rtl'] #toolbarViewerLeft > *,
html[dir='rtl'] #toolbarViewerMiddle > *,
html[dir='rtl'] #toolbarViewerRight > * {
float: right;
}
.splitToolbarButton { html[dir='ltr'] .splitToolbarButton {
margin: 3px 2px 4px 0; margin: 3px 2px 4px 0;
display: inline-block; display: inline-block;
} }
.splitToolbarButton > .toolbarButton { html[dir='rtl'] .splitToolbarButton {
margin: 3px 0 4px 2px;
display: inline-block;
}
html[dir='ltr'] .splitToolbarButton > .toolbarButton {
border-radius: 0; border-radius: 0;
float: left; float: left;
} }
html[dir='rtl'] .splitToolbarButton > .toolbarButton {
border-radius: 0;
float: right;
}
.toolbarButton { .toolbarButton {
border: 0 none; border: 0 none;
@ -200,7 +243,8 @@ body {
0 0 1px hsla(0,0%,0%,.05); 0 0 1px hsla(0,0%,0%,.05);
z-index: 199; z-index: 199;
} }
.splitToolbarButton > .toolbarButton:first-child { html[dir='ltr'] .splitToolbarButton > .toolbarButton:first-child,
html[dir='rtl'] .splitToolbarButton > .toolbarButton:last-child {
position: relative; position: relative;
margin: 0; margin: 0;
margin-right: -1px; margin-right: -1px;
@ -208,7 +252,8 @@ body {
border-bottom-left-radius: 2px; border-bottom-left-radius: 2px;
border-right-color: transparent; border-right-color: transparent;
} }
.splitToolbarButton > .toolbarButton:last-child { html[dir='ltr'] .splitToolbarButton > .toolbarButton:last-child,
html[dir='rtl'] .splitToolbarButton > .toolbarButton:first-child {
position: relative; position: relative;
margin: 0; margin: 0;
margin-left: -1px; margin-left: -1px;
@ -224,8 +269,13 @@ body {
box-shadow: 0 0 0 1px hsla(0,0%,100%,.08); box-shadow: 0 0 0 1px hsla(0,0%,100%,.08);
display: inline-block; display: inline-block;
margin: 5px 0; margin: 5px 0;
}
html[dir='ltr'] .splitToolbarButtonSeparator {
float:left; float:left;
} }
html[dir='rtl'] .splitToolbarButtonSeparator {
float:right;
}
.splitToolbarButton:hover > .splitToolbarButtonSeparator, .splitToolbarButton:hover > .splitToolbarButtonSeparator,
.splitToolbarButton.toggled > .splitToolbarButtonSeparator { .splitToolbarButton.toggled > .splitToolbarButtonSeparator {
padding: 12px 0; padding: 12px 0;
@ -243,7 +293,6 @@ body {
.dropdownToolbarButton { .dropdownToolbarButton {
min-width: 16px; min-width: 16px;
padding: 2px 6px 0; padding: 2px 6px 0;
margin: 3px 2px 4px 0;
border: 1px solid transparent; border: 1px solid transparent;
border-radius: 2px; border-radius: 2px;
color: hsl(0,0%,95%); color: hsl(0,0%,95%);
@ -260,6 +309,15 @@ body {
-webkit-transition-timing-function: ease; -webkit-transition-timing-function: ease;
} }
html[dir='ltr'] .toolbarButton,
html[dir='ltr'] .dropdownToolbarButton {
margin: 3px 2px 4px 0;
}
html[dir='rtl'] .toolbarButton,
html[dir='rtl'] .dropdownToolbarButton {
margin: 3px 0 4px 2px;
}
.toolbarButton:hover, .toolbarButton:hover,
.dropdownToolbarButton { .dropdownToolbarButton {
background-color: hsla(0,0%,0%,.12); background-color: hsla(0,0%,0%,.12);
@ -321,7 +379,13 @@ body {
max-width: 120px; max-width: 120px;
padding: 3px 2px 2px; padding: 3px 2px 2px;
overflow: hidden; overflow: hidden;
background: url(images/toolbarButton-menuArrows.png) no-repeat 95%; background: url(images/toolbarButton-menuArrows.png) no-repeat;
}
html[dir='ltr'] .dropdownToolbarButton {
background-position: 95%;
}
html[dir='rtl'] .dropdownToolbarButton {
background-position: 5%;
} }
.dropdownToolbarButton > select { .dropdownToolbarButton > select {
@ -344,12 +408,16 @@ body {
border-bottom: 1px rgba(255, 255, 255, .5) solid; border-bottom: 1px rgba(255, 255, 255, .5) solid;
} }
.splitToolbarButton:first-child, html[dir='ltr'] .splitToolbarButton:first-child,
.toolbarButton:first-child { html[dir='ltr'] .toolbarButton:first-child,
html[dir='rtl'] .splitToolbarButton:last-child,
html[dir='rtl'] .toolbarButton:last-child {
margin-left: 4px; margin-left: 4px;
} }
.splitToolbarButton:last-child, html[dir='ltr'] .splitToolbarButton:last-child,
.toolbarButton:last-child { html[dir='ltr'] .toolbarButton:last-child,
html[dir='rtl'] .splitToolbarButton:first-child,
html[dir='rtl'] .toolbarButton:first-child {
margin-right: 4px; margin-right: 4px;
} }

4
web/viewer.html
Unescape View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html dir="ltr">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>PDF.js viewer</title> <title>PDF.js viewer</title>
@ -114,7 +114,7 @@
</div> </div>
<div id="viewerContainer"> <div id="viewerContainer">
<div id="viewer"></div> <div id="viewer" dir="ltr"></div>
</div> </div>
<div id="loadingBox"> <div id="loadingBox">

4
web/viewer.js
Unescape View File

@ -1541,6 +1541,10 @@ function selectScaleOption(value) {
return predefinedValueFound; return predefinedValueFound;
} }
window.addEventListener('localized', function localized(evt) {
document.getElementsByTagName('html')[0].dir = mozL10n.language.direction;
}, true);
window.addEventListener('scalechange', function scalechange(evt) { window.addEventListener('scalechange', function scalechange(evt) {
var customScaleOption = document.getElementById('customScaleOption'); var customScaleOption = document.getElementById('customScaleOption');
customScaleOption.selected = false; customScaleOption.selected = false;

Write Preview
Loading…
Cancel
Save