Permalink
Browse files

MDL-30337 Themes : RTL fixes for filepicker and filemanager

  • Loading branch information...
nebgor committed Jun 13, 2012
1 parent 25df8c4 commit cafc5ae9c319ac710fa011286b24cfde3c881957
Showing with 35 additions and 26 deletions.
  1. +0 −18 theme/base/style/core.css
  2. +35 −8 theme/base/style/filemanager.css
View
@@ -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
*/
@@ -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;}

0 comments on commit cafc5ae

Please sign in to comment.