Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

MDL-32479 - RTL Theme fixes for Moodle 2 (theme/base)

Correctly align the fp-toolbar, fp-pathbar, fp-viewbar, header, fp-mkdir-dlg
Add rtl images to the YUI file-picker
theme/base/style/core.css

Conflicts:
resolution was simply sticking with .dir-rtl changes only as we are near release and .dirrtl is borked.

	theme/base/style/core.css
	theme/base/style/filemanager.css
  • Loading branch information...
commit cbf4d2f3afe89f62d107c1d715c70e6006635c91 1 parent 8c5bd05
Nadav Kavalerchik authored June 03, 2012 nebgor committed June 13, 2012
BIN  pix/y/ln_rtl.gif
BIN  pix/y/lp_rtl.png
BIN  pix/y/tn_rtl.gif
BIN  pix/y/tp_rtl.png
BIN  theme/base/pix/fp/path_folder_rtl.png
9  theme/base/style/core.css
@@ -444,6 +444,15 @@ body.tag .managelink {padding: 5px;}
444 444
 .tag_cloud .s1 {font-size: 0.9em;}
445 445
 .tag_cloud .s0 {font-size: 0.8em;}
446 446
 
  447
+.dir-rtl .file-picker .ygtvtp {background: url([[pix:moodle|y/tp_rtl]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
  448
+.dir-rtl .file-picker .ygtvln {background: url([[pix:moodle|y/ln_rtl]]) 0 0 no-repeat;width:17px;height:22px;}
  449
+.dir-rtl .file-picker .fp-list {text-align:right;}
  450
+.dir-rtl .file-picker .fp-pathbar {text-align: right;}
  451
+.dir-rtl .file-picker div.bd {text-align:right;}
  452
+.dir-rtl #filemenu .yuimenuitemlabel {text-align: right;}
  453
+.dir-rtl .filepicker .yui-layout-unit-left {left:500px;}
  454
+.dir-rtl .filepicker .yui-layout-unit-center {left:0px;}
  455
+
447 456
 /*
448 457
  * Backup and Restore CSS
449 458
  */
27  theme/base/style/filemanager.css
@@ -28,6 +28,9 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
28 28
 .file-picker .fp-repo-items {vertical-align:top;display: inline-block;margin-left: 181px;}
29 29
 .file-picker .fp-navbar {background: #F2F2F2;min-height:22px;border-bottom: 1px solid #BBBBBB;padding: 5px 8px;}
30 30
 .file-picker .fp-content {background: #FFFFFF;clear: both;overflow:auto;width: 543px;height: 349px;margin-bottom:-14px;}
  31
+
  32
+.dir-rtl .file-picker .fp-repo-items {margin-right: 181px;}
  33
+
31 34
 .file-picker .fp-content-loading {height: 100%;width: 100%;display: table;text-align:center;}
32 35
 .file-picker .fp-content .fp-object-container {width:98%;height:98%;}
33 36
 
@@ -44,14 +47,22 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
44 47
  * Tools, Path & View on fp-navbar (File Picker and File Manager)
45 48
  */
46 49
 .fp-toolbar {display: table-row;line-height: 22px;float:left;/*display: inline-block;*/}
  50
+
  51
+.dir-rtl .fp-toolbar {float: right;}
  52
+
47 53
 .fp-toolbar.empty {display:none;}
48 54
 .fp-toolbar .disabled {display:none;}
49 55
 .fp-toolbar div {display: inline-block;padding: 0px 2px;padding-right: 10px;}
50 56
 .fp-toolbar img {vertical-align: -15%; margin-right: 5px;}
  57
+
51 58
 .fp-toolbar .fp-tb-search {width: 228px;height: 14px;}
52 59
 .fp-toolbar .fp-tb-search input {background:#FFFFFF url('[[pix:a/search]]') no-repeat 3px 3px;padding: 2px 6px 1px 20px;width: 200px;height: 16px;border: 1px solid #BBBBBB;}
53 60
 
54 61
 .fp-viewbar {float:right;width:69px;height:22px;margin-right:8px;/*display: inline-block;*/}
  62
+.dir-rtl .fp-toolbar img {vertical-align: -35%;}
  63
+.dir-rtl .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder_rtl]]') no-repeat 0 0; }
  64
+.dir-rtl .fp-viewbar {float: left;width: 100px;}
  65
+
55 66
 .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;width:22px;height:22px;display: inline-block;}
56 67
 .fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]');}
57 68
 .fp-viewbar.disabled .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_inactive]]');}
@@ -78,6 +89,7 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
78 89
 .fp-iconview .fp-filename-field {height:33px;word-wrap:break-word;overflow: hidden;position: absolute;}
79 90
 .fp-iconview .fp-filename-field:hover {overflow: visible;z-index: 1000;}
80 91
 .fp-iconview .fp-filename-field .fp-filename {background: #FFFFFF;padding-top: 5px;padding-bottom: 12px;min-width:112px;}
  92
+.dir-rtl .fp-iconview .fp-file { float: right;}
81 93
 
82 94
 /*
83 95
  * Table view (File Picker only)
@@ -86,6 +98,7 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
86 98
 #filesskin .file-picker .yui3-datatable-header {background: #FFFFFF;border-bottom: 1px solid #CCCCCC;border-left: 0 solid #FFFFFF;color: #555555;}
87 99
 #filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6;border-left: 0px solid #F6F6F6;}
88 100
 #filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF;border-left: 0px solid #FFFFFF;}
  101
+.dir-rtl .file-picker .yui3-datatable-header {text-align: right;}
89 102
 
90 103
 /*
91 104
  * Tree view (File Manager only)
@@ -93,24 +106,30 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
93 106
 /*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/
94 107
 /* first or middle sibling, no children */
95 108
 .file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;width:17px;height:22px;}
  109
+.dir-rtl .file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;width:17px;height:22px;}
96 110
 /* first or middle sibling, collapsable */
97 111
 .file-picker .ygtvtm, .filemanager .ygtvtm {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
98 112
 /* first or middle sibling, collapsable, hover */
99 113
 .file-picker .ygtvtmh, .filemanager .ygtvtmh {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
100 114
 /* first or middle sibling, expandable */
101 115
 .file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
  116
+.dir-rtl .file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
102 117
 /* first or middle sibling, expandable, hover */
103 118
 .file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
  119
+.dir-rtl .file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
104 120
 /* last sibling, no children */
105 121
 .file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;width:17px;height:22px;}
  122
+.dir-rtl .file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;width:17px;height:22px;}
106 123
 /* Last sibling, collapsable */
107 124
 .file-picker .ygtvlm, .filemanager .ygtvlm {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
108 125
 /* Last sibling, collapsable, hover */
109 126
 .file-picker .ygtvlmh, .filemanager .ygtvlmh {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
110 127
 /* Last sibling, expandable */
111 128
 .file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
  129
+.dir-rtl .file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
112 130
 /* Last sibling, expandable, hover */
113 131
 .file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
  132
+.dir-rtl .file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
114 133
 /* Loading icon */
115 134
 .file-picker .ygtvloading, .filemanager .ygtvloading {background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;width:16px;height:22px;}
116 135
 /* the style for the empty cells that are used for rendering the depth* of the node */
@@ -226,6 +245,7 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
226 245
 .filemanager .fp-navbar {background: #F2F2F2;border-top: 1px solid #BBBBBB;border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
227 246
 .filemanager-toolbar{padding: 5px 8px;min-height:22px;}
228 247
 .fp-pathbar {border-top: 1px solid #BBBBBB;padding: 5px 8px 1px;min-height: 20px;}
  248
+.dir-rtl .filemanager-toolbar {background: transparent;}
229 249
 .filemanager .fp-pathbar.empty {display:none;}
230 250
 .filepicker-filelist,
231 251
 .filemanager-container {background: #FFFFFF;clear: both;overflow:auto;border: 1px solid #BBBBBB;min-height: 140px;position: relative;}
@@ -315,6 +335,8 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
315 335
 .filemanager.fp-mkdir-dlg {text-align: center;}
316 336
 .filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align: left;margin: 40px 20px 20px;}
317 337
 
  338
+.dir-rtl .filemanager .fp-mkdir-dlg p {text-align: right;}
  339
+
318 340
 /*
319 341
  * Confirm dialogue for delete (File Manager only)
320 342
  */
@@ -324,4 +346,7 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
324 346
 /*
325 347
  *file picker search dialog
326 348
  */
327  
-.file-picker div.bd {text-align:left;}
  349
+.file-picker div.bd {text-align:left;}
  350
+.dir-rtl .file-picker div.bd {text-align:right;}
  351
+
  352
+.dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {text-align: right;}

0 notes on commit cbf4d2f

Please sign in to comment.
Something went wrong with that request. Please try again.