MDL-30337 Themes : RTL fixes for filepicker and filemanager
authorAparup Banerjee <aparup@moodle.com>
Wed, 13 Jun 2012 14:18:08 +0000 (22:18 +0800)
committerAparup Banerjee <aparup@moodle.com>
Fri, 15 Jun 2012 08:15:25 +0000 (16:15 +0800)
theme/base/style/core.css
theme/base/style/filemanager.css

index c8dd9f1..30bef8f 100644 (file)
@@ -444,24 +444,6 @@ 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-toolbar {padding:0;}
-.dir-rtl .file-picker .fp-list {text-align:right; margin-left: 20px;}
-.dir-rtl .file-picker .fp-repo-name {display:inline;}
-.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;}
-
-/**
- * File Manager
- */
-.dir-rtl .filemanager-toolbar a {padding:0px;}
-.dir-rtl .filemanager-toolbar a:hover {background:none; border:2px solid black}
-
 /*
  * Backup and Restore CSS
  */
index 0e36980..02055cd 100644 (file)
@@ -25,7 +25,7 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
  */
 #filesskin .file-picker.fp-generallayout {width: 724px;background: #FFFFFF;border-radius:10px;border: 1px solid #CCCCCC;position: relative;}
 .file-picker .fp-repo-area {width:180px;overflow:auto;display:inline-block;border-right:1px solid #BBBBBB;position:absolute;top:26px;bottom:1px;}
-.dir-rtl .file-picker .fp-repo-area {top:29px;}
+.dir-rtl .file-picker .fp-repo-area {border-left:1px solid #BBBBBB; border-right: none;}
 .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;}
@@ -35,13 +35,27 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
 .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%;}
 
+.dir-rtl .file-picker .fp-list {text-align:right;}
+.dir-rtl .file-picker .fp-toolbar {padding:0;}
+.dir-rtl .file-picker .fp-list {text-align:right;}
+.dir-rtl .file-picker .fp-repo-name {display:inline;}
+.dir-rtl .file-picker .fp-pathbar {text-align: right; display: block; border-top: none;}
+.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;}
+
+/**
+ * File Manager
+ */
+.dir-rtl .filemanager-toolbar a {padding:0px;}
+
 /*
  * Repositories on fp-repo-area (File Picker only)
  */
 .file-picker .fp-list {list-style-type:none;padding:0;float:left;width:100%;margin:0;}
-.dir-rtl .file-picker .fp-list {text-align:right;}
+.dir-rtl .file-picker .fp-list {text-align:right;float:left;}
 .file-picker .fp-list .fp-repo a{display:block;padding:.5em .7em;}
-.dir-rtl .file-picker .fp-list .fp-repo a {display:inline;}
 .file-picker .fp-list .fp-repo.active {background:#F2F2F2;}
 .file-picker .fp-list .fp-repo-icon {padding: 0px 7px 0px 5px;}
 
@@ -63,27 +77,40 @@ background: #CCCCCC;filter: progid:DXImageTransform.Microsoft.gradient(startColo
 
 .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;}
-.dir-rtl .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;}
+.dir-rtl .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0; display: block; float:left; margin-right: 4px;}
 .fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]');}
+.dir-rtl .fp-vb-icons.checked {background:url('[[pix:theme|fp/view_icon_selected]]'); display: block; float:left; margin-right: 4px;}
 .fp-viewbar.disabled .fp-vb-icons {background:url('[[pix:theme|fp/view_icon_inactive]]');}
 .fp-vb-details {background:url('[[pix:theme|fp/view_list_active]]') no-repeat 0px 0px;width:23px;height:22px;display: inline-block;margin-left: -4px;}
-.dir-rtl .fp-vb-details {background:url('[[pix:theme|fp/view_list_active]]') no-repeat 0px 0px;}
+.dir-rtl .fp-vb-details {background:url('[[pix:theme|fp/view_list_active]]') no-repeat 0px 0px; display: block; float:left;  margin-right: 4px;}
 .fp-vb-details.checked {background:url('[[pix:theme|fp/view_list_selected]]');}
+.dir-rtl .fp-vb-details.checked {background:url('[[pix:theme|fp/view_list_selected]]'); display: block; float:left; margin-right: 4px;}
 .fp-viewbar.disabled .fp-vb-details {background:url('[[pix:theme|fp/view_list_inactive]]');}
 .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px;width:23px;height:22px;display: inline-block;margin-left: -4px;}
-.dir-rtl .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px;}
+.dir-rtl .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_active]]') no-repeat 0px 0px; display: block; float:left;  margin-right: 4px;}
 .fp-vb-tree.checked {background:url('[[pix:theme|fp/view_tree_selected]]');}
+.dir-rtl .fp-vb-tree.checked {background:url('[[pix:theme|fp/view_tree_selected]]'); display: block; float:left; margin-right: 4px;}
 .fp-viewbar.disabled .fp-vb-tree {background:url('[[pix:theme|fp/view_tree_inactive]]');}
 .file-picker .fp-clear-left {clear: left;}
 
+/* over ride hover rule from core.css*/
+.dir-rtl .filemanager-toolbar .fp-vb-icons a:hover {background:url('[[pix:theme|fp/view_icon_selected]]');}
+.dir-rtl .filemanager-toolbar .fp-vb-icons.checked a:hover {background:url('[[pix:theme|fp/view_icon_active]]') no-repeat 0 0;}
+.dir-rtl .fp-vb-details a:hover {background:none; border:20px solid black}
+.dir-rtl .fp-vb-details.checked a:hover {background:none; border:40px solid black}
+.dir-rtl .fp-vb-tree a:hover {background:none; border:30px solid black}
+.dir-rtl .fp-vb-tree.checked a:hover {background:none; border:50px solid black}
+
 .file-picker .fp-pathbar {display: table-row;/*display: inline-block;*/}
 .fp-pathbar.empty {display: none;}
 .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder]]') no-repeat 0 0;width:27px;height:12px;margin-left: 4px;}
+.dir-rtl .fp-pathbar .fp-path-folder {background:url('[[pix:theme|fp/path_folder_rtl]]') no-repeat right top;width:auto;height:12px;margin-left: 4px;}
+.dir-rtl .fp-pathbar span {display: inline-block;float:right; margin-left: 32px;}
 .fp-pathbar .fp-path-folder-name {margin-left: 32px;line-height: 20px;}
+.dir-rtl .fp-pathbar .fp-path-folder-name {margin-right: 32px;line-height: 20px;}
 
 /*
  * Icon view (File Picker and File Manager)
@@ -253,7 +280,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;}