MDL-56926 Theme/Boost: Fix filepicker folder tree YUI guides
authorNadav Kavalerchik <nadavkav@gmail.com>
Wed, 28 Dec 2016 22:08:54 +0000 (00:08 +0200)
committerDavid Monllao <david.monllao@gmail.com>
Fri, 30 Dec 2016 08:38:11 +0000 (09:38 +0100)
theme/boost/scss/moodle/filemanager.scss

index 6c6b75f..c2cce74 100644 (file)
 .file-picker .ygtvtn,
 .filemanager .ygtvtn {
     /*rtl:remove*/
-    background: url('[[pix:moodle|y/tn]]') 0 10px no-repeat;
+    background: url('[[pix:moodle|y/tn]]') 0 0 no-repeat;
     /*rtl:raw:
-    background: url('[[pix:moodle|y/tn_rtl]]') 2px 10px no-repeat;
+    background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
     */
-    width: 17px;
-    height: 22px;
+    width: 19px;
+    height: 32px;
 }
 // first or middle sibling, collapsable
 .file-picker .ygtvtm,
 .file-picker .ygtvln,
 .filemanager .ygtvln {
     /*rtl:remove*/
-    background: url('[[pix:moodle|y/ln]]') 0 10px no-repeat;
+    background: url('[[pix:moodle|y/ln]]') 0 0 no-repeat;
     /*rtl:raw:
-    background: url('[[pix:moodle|y/ln_rtl]]') 2px 10px no-repeat;
+    background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
     */
-    width: 17px;
+    width: 19px;
     height: 22px;
 }
 // Last sibling, collapsable
 // the style for the empty cells that are used for rendering the depth of the node
 .file-picker .ygtvdepthcell,
 .filemanager .ygtvdepthcell {
-    background: url('[[pix:moodle|y/vline]]') 0 10px no-repeat;
+    background: url('[[pix:moodle|y/vline]]') 0 0 no-repeat;
     /*rtl:raw:
-    background-position: 2px 10px;
+    background-position: 0 0;
     */
     width: 17px;
     height: 32px;
@@ -369,7 +369,7 @@ a.ygtvspacer:hover {
 
 .fp-icon {
     float: left;
-    margin-top: -7px;
+    margin-top: -20px;
     width: 24px;
     height: 24px;
     margin-right: 10px;
@@ -385,6 +385,8 @@ a.ygtvspacer:hover {
 
 .fp-filename {
     padding-right: 10px;
+    margin-top: -18px;
+    position: fixed;
 }
 // Repositories Login on fp-content (File Picker only)
 
@@ -699,6 +701,7 @@ a.ygtvspacer:hover {
     position: absolute;
     top: 8px;
     left: 17px;
+    z-index: 1000;
 }
 
 .filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {