Bug 8061: Follow up - RTL CSS overrides (staff client)
authorKaram Qubsi <karamqubsi@gmail.com>
Fri, 5 Apr 2013 10:07:43 +0000 (13:07 +0300)
committerJared Camins-Esakov <jcamins@cpbibliography.com>
Sun, 7 Apr 2013 16:51:54 +0000 (12:51 -0400)
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 master with Arabic
I used the updated po files for v. 3.8 (because the 3.12 )
need some revision ...

Signed-off-by: Chris Cormack <chris@bigballofwax.co.nz>
Signed-off-by: Katrin Fischer <Katrin.Fischer.83@web.de>
Signed-off-by: Jared Camins-Esakov <jcamins@cpbibliography.com>

koha-tmpl/intranet-tmpl/prog/en/css/right-to-left.css
koha-tmpl/intranet-tmpl/prog/en/includes/help-top.inc
koha-tmpl/intranet-tmpl/prog/en/modules/admin/preferences.tt
koha-tmpl/intranet-tmpl/prog/en/modules/authorities/authorities.tt
koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/addbiblio.tt
koha-tmpl/intranet-tmpl/prog/en/modules/cataloguing/additem.tt
koha-tmpl/intranet-tmpl/prog/en/modules/labels/label-home.tt

index b766658..1390e38 100644 (file)
@@ -39,6 +39,10 @@ ul.toolbar,
    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
 {
@@ -64,14 +68,12 @@ fieldset.rows span.label,
 fieldset.rows textarea,
 ol.bibliodetails,
 ol.bibliodetails span.label,
-p label,
 span.required,
 #marcDocsSelect,
 #toplevelnav,
 .treeview .hitarea,
 .ui-tabs-nav li,
 .yui-g div.first,
-.yui-g p,
 .yui-gb div.first,
 .yui-gc div.first,
 .yui-gc div.first div.first,
@@ -102,9 +104,12 @@ div.sysprefs div.hint,
 .yui-t1 #yui-main,
 .yui-t2 #yui-main,
 .yui-t3 #yui-main,
-.yui-t1 #yui-main .yui-b
+
 {
-   float: left;
+   float: right ;
+}
+.yui-t1 {
+float:right
 }
 
 /* Adjust margins, padding, alignment and table-element widths */
@@ -120,7 +125,7 @@ div.sysprefs div.hint,
 .yui-t2 #yui-main .yui-b
 {
    margin-left: 0;
-   margin-right: 13em;
+   /* karam margin-right: 13em; */
 }
 
 .treeview .hitarea
@@ -231,11 +236,7 @@ div.listgroup,
    line-height: 150%;
 }
 
-.yui-t1 .yui-b,
-.yui-t2 .yui-b
-{
-   display:inline;
-}
+
 /* Borders */
 
 div#menu,
@@ -268,3 +269,207 @@ h1#logo,
 {
    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;
+}
index da8d781..72acc21 100644 (file)
@@ -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>
index 82c93af..be7ed9f 100644 (file)
@@ -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[
index 305f3aa..dbbb785 100644 (file)
@@ -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">
 
index eddc21c..011b7a6 100644 (file)
@@ -1,6 +1,5 @@
 [% INCLUDE 'doc-head-open.inc' %]
 <title>Koha &rsaquo; Cataloging &rsaquo; [% IF ( biblionumber ) %]Editing [% title |html %] (Record number [% biblionumber %])[% ELSE %]Add MARC record[% END %]</title>
-<link type="text/css" rel="stylesheet" href="[% themelang %]/css/addbiblio.css" />
 [% INCLUDE 'doc-head-close.inc' %]
 <script type="text/javascript" src="[% themelang %]/lib/jquery/plugins/jquery.fixFloat.js"></script>
 <script type="text/javascript" src="[% themelang %]/js/cataloging.js"></script>
@@ -287,7 +286,10 @@ 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">
 
index 1731856..97d06a5 100644 (file)
@@ -1,6 +1,5 @@
 [% INCLUDE 'doc-head-open.inc' %]
 <title>Koha &rsaquo; Cataloging &rsaquo; [% title |html %] [% IF ( author ) %] by [% author %][% END %] (Record #[% biblionumber %]) &rsaquo; Items</title>
-<link type="text/css" rel="stylesheet" href="[% themelang %]/css/addbiblio.css" />
 [% INCLUDE 'doc-head-close.inc' %]
 <script type="text/javascript" src="[% themelang %]/js/cataloging.js"></script>
 <script type="text/javascript">
@@ -94,7 +93,10 @@ $(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' %]
index 22f5dc4..4889b1c 100644 (file)
@@ -2,6 +2,9 @@
     <title>Koha &rsaquo; Tools &rsaquo; 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' %]