Bugzilla – Attachment 17178 Details for
Bug 8061
Koha's templates do not cope well with right-to-left languages
Home
|
New
|
Browse
|
Search
|
[?]
|
Reports
|
Help
|
New Account
|
Log In
[x]
|
Forgot Password
Login:
[x]
[patch]
Right to left for staff Client
0001-Bug-8061-staff-Right-to-left.patch (text/plain), 14.16 KB, created by
Karam Qubsi
on 2013-04-04 02:13:18 UTC
(
hide
)
Description:
Right to left for staff Client
Filename:
MIME Type:
Creator:
Karam Qubsi
Created:
2013-04-04 02:13:18 UTC
Size:
14.16 KB
patch
obsolete
>From 82bab58b3fea27dcfa022ed5ad3d03801153a91f Mon Sep 17 00:00:00 2001 >From: Karam Qubsi <karamqubsi@gmail.com> >Date: Thu, 4 Apr 2013 05:00:00 +0300 >Subject: [PATCH] "Bug 8061" staff - Right to left > >I think this patch is good for th rtl langs. and based on what D.Ruth send before , I added > some edits as a right to left reader. Tested on Arabic > I used the updated po files for v. 3.8 (because the > 3.12 ) need some revision ... >--- > .../intranet-tmpl/prog/en/css/right-to-left.css | 477 ++++++++++++++++++++ > .../prog/en/includes/doc-head-close.inc | 3 + > .../intranet-tmpl/prog/en/includes/help-top.inc | 3 + > .../prog/en/modules/admin/preferences.tt | 3 + > .../prog/en/modules/authorities/authorities.tt | 3 + > .../prog/en/modules/cataloguing/addbiblio.tt | 3 + > .../prog/en/modules/cataloguing/additem.tt | 3 + > .../prog/en/modules/labels/label-home.tt | 3 + > 8 files changed, 498 insertions(+) > create mode 100644 koha-tmpl/intranet-tmpl/prog/en/css/right-to-left.css > >diff --git a/koha-tmpl/intranet-tmpl/prog/en/css/right-to-left.css b/koha-tmpl/intranet-tmpl/prog/en/css/right-to-left.css >new file mode 100644 >index 0000000..f6f6af5 >--- /dev/null >+++ b/koha-tmpl/intranet-tmpl/prog/en/css/right-to-left.css >@@ -0,0 +1,477 @@ >+fieldset.rows ol.radio label, fieldset.rows li.radio label { float: right; margin: 0 1em 0 0.3em; } >+ >+ >+/* Adjust text directions */ >+ >+a.yuimenuitemlabel, >+body, >+caption, >+div#toolbar, >+div.rows span.label, >+div.subfield_line label, >+fieldset.rows.left label, >+fieldset.rows.left span.label, >+h1, >+h2, >+h3, >+h4, >+h5, >+h6, >+legend, >+th, >+odoc, >+p, >+ul li, >+ul.toolbar, >+#doc2, >+#doc3, >+#doc4, >+.autocomplete .sample-result, >+.ui-tabs-panel, >+.yui-t1, >+.yui-t2, >+.yui-t3, >+.yui-t4 >+.yui-t5, >+.yui-t6, >+.yui-t7 >+{ >+ text-align: right; >+} >+ >+#doc, #doc2, #doc3, #doc4, .yui-t1, .yui-t2, .yui-t3, .yui-t4, .yui-t5, .yui-t6, .yui-t7 { >+ text-align: right; >+} >+ >+#issuest th, >+.column-tool >+{ >+ text-align: center; >+} >+ >+/* Swap floats */ >+ >+div.lang, >+div.rows span.label, >+div.subfield_line label, >+div#header_search, >+fieldset.action, >+fieldset.rows, >+fieldset.rows input, >+fieldset.rows div.hint, >+fieldset.rows img, >+fieldset.rows label, >+fieldset.rows li, >+fieldset.rows ol.radio label.radio, >+fieldset.rows select, >+fieldset.rows span.label, >+fieldset.rows textarea, >+ol.bibliodetails, >+ol.bibliodetails span.label, >+span.required, >+#marcDocsSelect, >+#toplevelnav, >+.treeview .hitarea, >+.ui-tabs-nav li, >+.yui-g div.first, >+.yui-gb div.first, >+.yui-gc div.first, >+.yui-gc div.first div.first, >+.yui-gd div.first, >+.yui-ge div.first, >+.yui-gf div.first, >+.yui-t1 .yui-b, >+.yui-t2 .yui-b, >+.yui-t3 .yui-b >+{ >+ float: right; >+} >+ >+a.buttondot >+{ >+ float: left; >+} >+ >+ul li, >+input, >+.input_marceditor >+{ >+ float: none; >+} >+ >+div.sysprefs div.hint, >+.yui-g .yui-u, >+.yui-t1 #yui-main, >+.yui-t2 #yui-main, >+.yui-t3 #yui-main, >+ >+{ >+ float: right ; >+} >+.yui-t1 { >+float:right >+} >+ >+/* Adjust margins, padding, alignment and table-element widths */ >+ >+.yui-t1 #yui-main, >+.yui-t2 #yui-main, >+.yui-t3 #yui-main >+{ >+ margin-left: 0; >+} >+ >+.yui-t1 #yui-main .yui-b, >+.yui-t2 #yui-main .yui-b >+{ >+ margin-left: 0; >+ /* karam margin-right: 13em; */ >+} >+ >+.treeview .hitarea >+{ >+ margin-left: 0; >+ margin-right: -16px; >+} >+ >+div#menu li a >+{ >+ margin-left: -1px; >+} >+ >+div#menu, >+div.patroninfo ul, >+div.patroninfo h5, >+#guarantorsearch, >+.yui-g input >+{ >+ margin-left: 0.5em; >+} >+fieldset.rows img, >+span.required >+{ >+ margin-right: 0.5em; >+} >+ >+fieldset.rows div.hint >+{ >+ margin-right:1em; >+ margin-left:0; >+} >+ >+div#header_search >+{ >+ margin-right:200px; >+} >+ >+.yui-g .yui-u >+{ >+ padding-right: 0; >+} >+ >+body >+{ >+ padding-right: 1.5em; >+} >+ >+.yui-u >+{ >+ padding-right: 0.5em; >+} >+ >+ul >+{ >+ padding-left: 0; >+ padding-right: 1.1em; >+} >+ >+.yui-b >+{ >+ padding-bottom: 5em; >+} >+ >+.treeview li { >+ padding: 3px 16px 3px 16px; >+} >+ >+#login >+{ >+ left: 0.5em; >+} >+ >+#koha_url >+{ >+ left: 2em; >+} >+ >+#login, >+#koha_url >+{ >+ right:auto; >+} >+ >+div.listgroup, >+.yui-g p >+{ >+ clear:right; >+} >+ >+.yui-t2 #yui-main >+{ >+ width: 75%; >+} >+ >+.yui-t3 #yui-main >+{ >+ width: 70%; >+} >+ >+#borrowerautocomplete >+{ >+ width: auto; >+} >+ >+.holdcount >+{ >+ line-height: 150%; >+} >+ >+ >+/* Borders */ >+ >+div#menu, >+div.patroninfo ul, >+div.patroninfo h5 >+{ >+ border-left: 1px solid #000; >+ border-right: none; >+} >+ >+#menu ul li.active a >+{ >+ border-right: 1px solid #000; >+ border-left: 0; >+} >+ >+/* flip over images */ >+ >+.treeview li, >+.treeview li.last >+{ >+ background-position-x: right !important; >+} >+/* TODO - Can we find ways to avoid this? */ >+ >+h1#logo, >+#koha_url, >+#login, >+.yui-t1 .yui-b >+{ >+ position: absolute; >+} >+ >+/* >+############### >+new added for good rtl : >+*/ >+.statictabs ul li { >+ background: none repeat scroll 0px 0px rgb(230, 240, 242); >+ border-top: 1px solid rgb(185, 216, 217); >+ border-right: 1px solid rgb(185, 216, 217); >+ border-left: 1px solid rgb(185, 216, 217); >+ -moz-border-top-colors: none; >+ -moz-border-right-colors: none; >+ -moz-border-bottom-colors: none; >+ -moz-border-left-colors: none; >+ border-image: none; >+ border-bottom: 0px none !important; >+ border-top-right-radius: 4px; >+ border-top-left-radius: 4px; >+ float: right; >+ list-style: none outside none; >+ margin-bottom: 0px; >+ margin-right: 0.4em; >+ padding: 0px; >+ position: relative; >+ white-space: nowrap; >+ top: 1px; >+} >+ >+div.sysprefs div.hint { >+ width: 25%; >+ float: left; >+ padding: 0.5em; >+ margin: 0.7em; >+} >+div.subfield_line label { >+ font-size: 89%; >+ float: right; >+ width: 16em; >+ text-align: right; >+ clear: right; >+} >+.yui-t3 #yui-main .yui-b { >+ margin-left: -0.0759em; >+} >+ >+#doc3 { >+ background-position: right top; >+} >+ >+.yui-gb{ >+ /* use this will break the tools page "" width: 30%;""*/ >+ float: right; >+} >+ >+ >+ >+ul#toplevelmenu { >+ padding: 0px; >+ float: right; >+} >+.navbar .nav.pull-right { >+ float: left; >+ margin-right: 0px; >+} >+ >+.navbar .nav > li { >+ float: right; >+} >+#cartmenulink { >+ background: url("../../img/cart-small.gif") no-repeat scroll right center transparent; >+ padding-right: 15px; >+} >+ >+ >+ >+.yui-g .yui-u, .yui-g .yui-g, .yui-g .yui-gb, .yui-g .yui-gc, .yui-g .yui-gd, .yui-g .yui-ge, .yui-g .yui-gf, .yui-gc .yui-u, .yui-gd .yui-g, .yui-g .yui-gc .yui-u, .yui-ge .yui-u, .yui-ge .yui-g, .yui-gf .yui-g, .yui-gf .yui-u { >+ display: inline; >+ >+} >+ >+ >+ >+fieldset.action { >+ float: right; >+ >+} >+#yui-main .yui-b { >+ >+ width: auto; >+} >+ >+/*Lable */ >+div.homeimage { >+ background-attachment: scroll; >+ background-color: transparent; >+ background-image: url("../../img/label-creator-image.png"); >+ background-position: left top; >+ background-repeat: no-repeat; >+ min-width: 800px; >+} >+div.lci_01 { >+ float: left; >+ clear: left; >+} >+ >+div.lci_02 { >+ float: left; >+ clear: left; >+} >+div.lci_03 { >+ float: left; >+ clear: left; >+} >+ >+ >+/***********************************************************/ >+ >+ >+#addbibliotabs .ui-tabs-panel { >+ float: right; >+} >+ >+/*for the tools main page */ >+.yui-gb .yui-u { >+ float: left; >+ margin-right: 2%; >+ margin-left: 0%; >+ width: 25%; >+} >+ >+/*NEWS*/ >+div.yui-b { >+ position: absolute; >+} >+div#yui-main{ >+float:left; >+} >+/*floating taps for marceditor and other taps plases */ >+.ui-tabs .ui-tabs-nav li { >+ float: right; >+} >+/*this is about the shadow image in the pref sidbar */ >+div#menu li a { >+ background: -moz-linear-gradient(right center , rgb(232, 240, 246) 0%, rgb(232, 240, 246) 96%, rgb(193, 193, 193) 100%) repeat scroll 0% 0% transparent; /*firefox 6+*/ >+background: -webkit-gradient(linear, right top, right top, color-stop(0%,#e8f0f6), color-stop(96%,#e8f0f6), color-stop(100%,#c1c1c1)); /* Chrome,Safari4+ */ >+ background: -webkit-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Chrome10+,Safari5.1+ */ >+ background: -o-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* Opera11.10+ */ >+ background: -ms-linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* IE10+ */ >+ background: linear-gradient(right, #e8f0f6 0%,#e8f0f6 96%,#c1c1c1 100%); /* W3C */ >+} >+/*Z39 search botton */ >+ >+#searchheader form.fz3950bigrpad { >+ float: left; >+} >+/*check bocks*/ >+p label, { >+ float: left; >+} >+ >+/*the arrwos in pref.*/ >+h3.expanded { >+ background: url("../../img/collapse.gif") no-repeat scroll right 6px transparent; >+ cursor: pointer; >+ padding-right: 12px; >+} >+h3.collapsed { >+ background: url("../../img/expand.gif") no-repeat scroll right 6px transparent; >+ cursor: pointer; >+ padding-right: 12px; >+ >+} >+.dropdown-menu { >+ position: absolute; >+ top: 100%; >+ left: -25px; >+ z-index: 1000; >+ display: none; >+ float: left; >+ min-width: 160px; >+ padding: 5px 0px; >+ margin: 2px 0px 0px; >+ list-style: none outside none; >+ background-color: rgb(255, 255, 255); >+ border: 1px solid rgba(0, 0, 0, 0.2); >+ border-radius: 6px 6px 6px 6px; >+ box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); >+ background-clip: padding-box; >+} >+ >+ >+/* */ >+ >+div#yui-main { >+ >+ margin-right: 22em; >+} >+ >+/* */ >+ >+div#yui-main.sysprefs { >+ margin-right: 0em; >+ float: right; >+} >+ >+ >diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc >index 8afc4e3..7c9722c 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc >+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/doc-head-close.inc >@@ -8,6 +8,9 @@ > [% ELSE %] > <link rel="stylesheet" type="text/css" href="[% themelang %]/css/staff-global.css" /> > [% END %] >+[% IF ( bidi ) %] >+ <link rel="stylesheet" type="text/css" href="[% themelang %]/css/right-to-left.css" /> >+[% END %] > [% IF ( IntranetUserCSS ) %]<style type="text/css">[% IntranetUserCSS %]</style>[% END %] > <script type="text/javascript" src="[% interface %]/lib/jquery/jquery.js"></script> > <script type="text/javascript" src="[% interface %]/lib/jquery/jquery-ui.js"></script> >diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/help-top.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/help-top.inc >index da8d781..72acc21 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/includes/help-top.inc >+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/help-top.inc >@@ -9,6 +9,9 @@ > [% ELSE %] > <link rel="stylesheet" type="text/css" href="[% themelang %]/css/staff-global.css" /> > [% END %] >+[% IF ( bidi ) %] >+ <link rel="stylesheet" type="text/css" href="[% themelang %]/css/right-to-left.css" /> >+[% END %] > <script type="text/javascript" src="[% interface %]/lib/jquery/jquery.js"></script> > <script type="text/javascript" src="[% interface %]/lib/jquery/jquery-ui.js"></script> > <script type="text/javascript" src="[% interface %]/lib/jquery/plugins/jquery.hotkeys.min.js"></script> >diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences.tt >index 82c93af..be7ed9f 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences.tt >+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences.tt >@@ -6,6 +6,9 @@ > [% INCLUDE 'datatables-strings.inc' %] > <script type="text/javascript" src="[% themelang %]/js/datatables.js"></script> > <link rel="stylesheet" type="text/css" href="[% themelang %]/css/preferences.css" /> >+[% IF ( bidi ) %] >+ <link rel="stylesheet" type="text/css" href="[% themelang %]/css/right-to-left.css" /> >+[% END %] > <script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.fixFloat.js"></script> > <script type="text/javascript"> > //<![CDATA[ >diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/authorities/authorities.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/authorities/authorities.tt >index 305f3aa..dbbb785 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/modules/authorities/authorities.tt >+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/authorities/authorities.tt >@@ -125,6 +125,9 @@ function confirmnotdup(redirect){ > //]]> > </script> > <link type="text/css" rel="stylesheet" href="[% themelang %]/css/addbiblio.css" /> >+[% IF ( bidi ) %] >+ <link rel="stylesheet" type="text/css" href="[% themelang %]/css/right-to-left.css" /> >+[% END %] > </head> > <body id="auth_authorities" class="auth"> > >diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt >index 3b13f3a..011b7a6 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt >+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt >@@ -287,6 +287,9 @@ function Changefwk(FwkList) { > //]]> > </script> > <link type="text/css" rel="stylesheet" href="[% themelang %]/css/addbiblio.css" /> >+[% IF ( bidi ) %] >+ <link rel="stylesheet" type="text/css" href="[% themelang %]/css/right-to-left.css" /> >+[% END %] > </head> > <body id="cat_addbiblio" class="cat"> > >diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/additem.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/additem.tt >index f01c682..97d06a5 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/additem.tt >+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/additem.tt >@@ -94,6 +94,9 @@ $(document).ready(function() { > //]]> > </script> > <link type="text/css" rel="stylesheet" href="[% themelang %]/css/addbiblio.css" /> >+[% IF ( bidi ) %] >+ <link rel="stylesheet" type="text/css" href="[% themelang %]/css/right-to-left.css" /> >+[% END %] > </head> > <body id="cat_additem" class="cat"> > [% INCLUDE 'header.inc' %] >diff --git a/koha-tmpl/intranet-tmpl/prog/en/modules/labels/label-home.tt b/koha-tmpl/intranet-tmpl/prog/en/modules/labels/label-home.tt >index 22f5dc4..ffcf2df 100644 >--- a/koha-tmpl/intranet-tmpl/prog/en/modules/labels/label-home.tt >+++ b/koha-tmpl/intranet-tmpl/prog/en/modules/labels/label-home.tt >@@ -2,6 +2,9 @@ > <title>Koha › Tools › Labels home</title> > [% INCLUDE 'doc-head-close.inc' %] > <link rel="stylesheet" type="text/css" href="[% themelang %]/css/label.css" /> >+[% IF ( bidi ) %] >+ <link rel="stylesheet" type="text/css" href="[% themelang %]/css/right-to-left.css" /> >+[% END %] > </head> > <body id="labels_label-home" class="tools labels"> > [% INCLUDE 'header.inc' %] >-- >1.7.9.5 >
You cannot view the attachment while viewing its details because your browser does not support IFRAMEs.
View the attachment on a separate page
.
View Attachment As Diff
View Attachment As Raw
Actions:
View
|
Diff
|
Splinter Review
Attachments on
bug 8061
:
9470
|
9579
|
13087
|
17178
|
17206
|
17207
|
17215
|
17216
|
17231
|
17232
|
17233
|
17234
|
17235
|
17236
|
17237
|
17238
|
17239
|
17240
|
17241
|
17242
|
17243
|
17244
|
17245
|
17246
|
17247
|
17248
|
17249
|
17286