diff --git a/customize.dist/src/less2/include/drive.less b/customize.dist/src/less2/include/drive.less index 0eb400587..0dbd90c3c 100644 --- a/customize.dist/src/less2/include/drive.less +++ b/customize.dist/src/less2/include/drive.less @@ -4,6 +4,7 @@ @import (reference) "./limit-bar.less"; @import (reference) "./tokenfield.less"; @import (reference) "./dropdown.less"; +@import (reference) "./buttons.less"; .drive_main() { --LessLoader_require: LessLoader_currentFile(); @@ -44,10 +45,11 @@ } /* local mixins */ + @drive_icon-margin: 10px; .drive_fileIcon { li { display: inline-block; - margin: 10px 10px; + margin: @drive_icon-margin; width: 140px; height: 140px; text-align: center; @@ -471,6 +473,7 @@ margin-top: 10px; } .cp-app-drive-content-info-box { + order: 10; line-height: 2em; padding: 0.25em 0.75em; margin: 1em; @@ -493,6 +496,7 @@ } } #cp-app-drive-content-folder { + order: 20; li { &.cp-app-drive-search-result { display: flex; @@ -546,7 +550,10 @@ .cp-app-drive-element-truncated { display: none; } } div.cp-app-drive-content-grid { - padding: 20px; + padding: 1em; + ul { + margin: -(@drive_icon-margin); + } .drive_fileIcon; li { &.cp-app-drive-element { @@ -754,6 +761,7 @@ } & > .cp-app-drive-path { + order: 1; width: 100%; height: @variables_bar-height; line-height: @variables_bar-height; @@ -927,5 +935,12 @@ text-transform: uppercase; cursor: default; } + + .cp-app-drive-button { + order: 15; + margin: 0 1em; + .buttons_main(); + } + } diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js index 803e0a715..27c6ae024 100644 --- a/www/common/drive-ui.js +++ b/www/common/drive-ui.js @@ -114,7 +114,6 @@ define([ var $trashEmptyIcon = $('', {"class": "fa fa-trash-o"}); //var $collapseIcon = $('', {"class": "fa fa-minus-square-o cp-app-drive-icon-expcol"}); var $expandIcon = $('', {"class": "fa fa-plus-square-o cp-app-drive-icon-expcol"}); - var $emptyTrashIcon = $('