Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

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 nadavkav authored nebgor committed
BIN  pix/y/ln_rtl.gif
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  pix/y/lp_rtl.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  pix/y/tn_rtl.gif
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  pix/y/tp_rtl.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
BIN  theme/base/pix/fp/path_folder_rtl.png
View
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
9 theme/base/style/core.css
View
@@ -444,6 +444,15 @@ body.tag .managelink {padding: 5px;}
.tag_cloud .s1 {font-size: 0.9em;}
.tag_cloud .s0 {font-size: 0.8em;}
+.dir-rtl .file-picker .ygtvtp {background: url([[pix:moodle|y/tp_rtl]]) 0 0 no-repeat;width:34px;height:22px;cursor:pointer;}
+.dir-rtl .file-picker .ygtvln {background: url([[pix:moodle|y/ln_rtl]]) 0 0 no-repeat;width:17px;height:22px;}
+.dir-rtl .file-picker .fp-list {text-align:right;}
+.dir-rtl .file-picker .fp-pathbar {text-align: right;}
+.dir-rtl .file-picker div.bd {text-align:right;}
+.dir-rtl #filemenu .yuimenuitemlabel {text-align: right;}
+.dir-rtl .filepicker .yui-layout-unit-left {left:500px;}
+.dir-rtl .filepicker .yui-layout-unit-center {left:0px;}
+
/*
* Backup and Restore CSS
*/
27 theme/base/style/filemanager.css
View
@@ -28,6 +28,9 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
.file-picker .fp-repo-items {vertical-align:top;display: inline-block;margin-left: 181px;}
.file-picker .fp-navbar {background: #F2F2F2;min-height:22px;border-bottom: 1px solid #BBBBBB;padding: 5px 8px;}
.file-picker .fp-content {background: #FFFFFF;clear: both;overflow:auto;width: 543px;height: 349px;margin-bottom:-14px;}
+
+.dir-rtl .file-picker .fp-repo-items {margin-right: 181px;}
+
.file-picker .fp-content-loading {height: 100%;width: 100%;display: table;text-align:center;}
.file-picker .fp-content .fp-object-container {width:98%;height:98%;}
@@ -44,14 +47,22 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
* Tools, Path & View on fp-navbar (File Picker and File Manager)
*/
.fp-toolbar {display: table-row;line-height: 22px;float:left;/*display: inline-block;*/}
+
+.dir-rtl .fp-toolbar {float: right;}
+
.fp-toolbar.empty {display:none;}
.fp-toolbar .disabled {display:none;}
.fp-toolbar div {display: inline-block;padding: 0px 2px;padding-right: 10px;}
.fp-toolbar img {vertical-align: -15%; margin-right: 5px;}
+
.fp-toolbar .fp-tb-search {width: 228px;height: 14px;}
.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;}
.fp-viewbar {float:right;width:69px;height:22px;margin-right:8px;/*display: inline-block;*/}
+.dir-rtl .fp-toolbar img {vertical-align: -35%;}
+.dir-rtl .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder_rtl]]') no-repeat 0 0; }
+.dir-rtl .fp-viewbar {float: left;width: 100px;}
+
.fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;width:22px;height:22px;display: inline-block;}
.fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]');}
.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
.fp-iconview .fp-filename-field {height:33px;word-wrap:break-word;overflow: hidden;position: absolute;}
.fp-iconview .fp-filename-field:hover {overflow: visible;z-index: 1000;}
.fp-iconview .fp-filename-field .fp-filename {background: #FFFFFF;padding-top: 5px;padding-bottom: 12px;min-width:112px;}
+.dir-rtl .fp-iconview .fp-file { float: right;}
/*
* Table view (File Picker only)
@@ -86,6 +98,7 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
#filesskin .file-picker .yui3-datatable-header {background: #FFFFFF;border-bottom: 1px solid #CCCCCC;border-left: 0 solid #FFFFFF;color: #555555;}
#filesskin .file-picker .yui3-datatable-odd .yui3-datatable-cell {background-color: #F6F6F6;border-left: 0px solid #F6F6F6;}
#filesskin .file-picker .yui3-datatable-even .yui3-datatable-cell {background-color: #FFFFFF;border-left: 0px solid #FFFFFF;}
+.dir-rtl .file-picker .yui3-datatable-header {text-align: right;}
/*
* Tree view (File Manager only)
@@ -93,24 +106,30 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
/*.file-picker .fp-treeview .fp-folder .fp-icon, .filemanager .fp-treeview .fp-folder .fp-icon {}*/
/* first or middle sibling, no children */
.file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn]]') 0px 0px no-repeat;width:17px;height:22px;}
+.dir-rtl .file-picker .ygtvtn, .filemanager .ygtvtn {background: url('[[pix:moodle|y/tn_rtl]]') 0px 0px no-repeat;width:17px;height:22px;}
/* first or middle sibling, collapsable */
.file-picker .ygtvtm, .filemanager .ygtvtm {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
/* first or middle sibling, collapsable, hover */
.file-picker .ygtvtmh, .filemanager .ygtvtmh {background: url('[[pix:moodle|y/tm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
/* first or middle sibling, expandable */
.file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
+.dir-rtl .file-picker .ygtvtp, .filemanager .ygtvtp {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
/* first or middle sibling, expandable, hover */
.file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
+.dir-rtl .file-picker .ygtvtph, .filemanager .ygtvtph {background: url('[[pix:moodle|y/tp_rtl]]') 0px 10px no-repeat;width:13px;height:22px;cursor:pointer;}
/* last sibling, no children */
.file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln]]') 0px 0px no-repeat;width:17px;height:22px;}
+.dir-rtl .file-picker .ygtvln, .filemanager .ygtvln {background: url('[[pix:moodle|y/ln_rtl]]') 0px 0px no-repeat;width:17px;height:22px;}
/* Last sibling, collapsable */
.file-picker .ygtvlm, .filemanager .ygtvlm {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
/* Last sibling, collapsable, hover */
.file-picker .ygtvlmh, .filemanager .ygtvlmh {background: url('[[pix:moodle|y/lm]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
/* Last sibling, expandable */
.file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
+.dir-rtl .file-picker .ygtvlp, .filemanager .ygtvlp {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
/* Last sibling, expandable, hover */
.file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
+.dir-rtl .file-picker .ygtvlph, .filemanager .ygtvlph {background: url('[[pix:moodle|y/lp_rtl]]') 0px 10px no-repeat;width:13px;height:12px;cursor:pointer;}
/* Loading icon */
.file-picker .ygtvloading, .filemanager .ygtvloading {background: transparent url('[[pix:moodle|y/loading]]') 0 0 no-repeat;width:16px;height:22px;}
/* 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;}
.filemanager .fp-navbar {background: #F2F2F2;border-top: 1px solid #BBBBBB;border-left: 1px solid #BBBBBB;border-right: 1px solid #BBBBBB;}
.filemanager-toolbar{padding: 5px 8px;min-height:22px;}
.fp-pathbar {border-top: 1px solid #BBBBBB;padding: 5px 8px 1px;min-height: 20px;}
+.dir-rtl .filemanager-toolbar {background: transparent;}
.filemanager .fp-pathbar.empty {display:none;}
.filepicker-filelist,
.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;}
.filemanager.fp-mkdir-dlg {text-align: center;}
.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {text-align: left;margin: 40px 20px 20px;}
+.dir-rtl .filemanager .fp-mkdir-dlg p {text-align: right;}
+
/*
* Confirm dialogue for delete (File Manager only)
*/
@@ -324,4 +346,7 @@ a.ygtvspacer:hover {color: transparent;text-decoration: none;}
/*
*file picker search dialog
*/
-.file-picker div.bd {text-align:left;}
+.file-picker div.bd {text-align:left;}
+.dir-rtl .file-picker div.bd {text-align:right;}
+
+.dir-rtl .filemanager-container .yui3-skin-sam .yui3-datatable-header {text-align: right;}
Please sign in to comment.
Something went wrong with that request. Please try again.