Move the toolbar and add a breadcrumb

pull/1/head
yflory 8 years ago
parent 283bde3435
commit 00efc96919

@ -14,6 +14,14 @@ body {
display: flex; display: flex;
flex-flow: column; flex-flow: column;
} }
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.app-container { .app-container {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
@ -28,7 +36,7 @@ body {
} }
ul { ul {
list-style: none; list-style: none;
padding-left: 10px; padding-left: 0px;
} }
li { li {
padding: 0px 5px; padding: 0px 5px;
@ -65,7 +73,7 @@ span.fa-folder-open {
#tree { #tree {
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
background: #eee; background: #eeeeee;
overflow: auto; overflow: auto;
resize: horizontal; resize: horizontal;
width: 250px; width: 250px;
@ -73,11 +81,12 @@ span.fa-folder-open {
max-width: 500px; max-width: 500px;
min-width: 200px; min-width: 200px;
padding: 10px 0px; padding: 10px 0px;
color: #000000;
} }
#tree li { #tree li {
cursor: auto; cursor: auto;
} }
#tree li > span.element:hover { #tree li:hover > span.element {
text-decoration: underline; text-decoration: underline;
} }
#tree li.collapsed ul { #tree li.collapsed ul {
@ -95,6 +104,10 @@ span.fa-folder-open {
#tree .category2 { #tree .category2 {
margin-top: 2em; margin-top: 2em;
} }
#tree .category2 .root > .fa {
min-width: 30px;
cursor: pointer;
}
#tree .fa.expcol { #tree .fa.expcol {
margin-left: -10px; margin-left: -10px;
font-size: 14px; font-size: 14px;
@ -116,6 +129,7 @@ span.fa-folder-open {
#tree ul { #tree ul {
margin: 0px 0px 0px 10px; margin: 0px 0px 0px 10px;
list-style: none; list-style: none;
padding-left: 10px;
} }
#tree ul li { #tree ul li {
position: relative; position: relative;
@ -126,9 +140,9 @@ span.fa-folder-open {
top: -0.25em; top: -0.25em;
content: ''; content: '';
display: block; display: block;
border-left: 1px solid #888; border-left: 1px solid #888888;
height: 1em; height: 1em;
border-bottom: 1px solid #888; border-bottom: 1px solid #888888;
width: 17.5px; width: 17.5px;
} }
#tree ul li:after { #tree ul li:after {
@ -137,7 +151,7 @@ span.fa-folder-open {
bottom: -7px; bottom: -7px;
content: ''; content: '';
display: block; display: block;
border-left: 1px solid #888; border-left: 1px solid #888888;
height: 100%; height: 100%;
} }
#tree ul li.root { #tree ul li.root {
@ -155,7 +169,8 @@ span.fa-folder-open {
/* CONTENT */ /* CONTENT */
#content { #content {
box-sizing: border-box; box-sizing: border-box;
background: #eee; background: #eeeeee;
color: #000000;
overflow: auto; overflow: auto;
flex: 1; flex: 1;
display: flex; display: flex;
@ -166,12 +181,13 @@ span.fa-folder-open {
margin-top: 10px; margin-top: 10px;
} }
#content .info-box { #content .info-box {
margin: 0px auto; height: 40px;
padding: 5px; line-height: 40px;
padding-left: 10px;
margin: 10px auto;
background: #ddddff; background: #ddddff;
border: 1px solid #bbb; border: 1px solid #bbbbbb;
border-radius: 5px; border-radius: 5px;
margin-bottom: 10px;
} }
#content .info-box span { #content .info-box span {
cursor: pointer; cursor: pointer;
@ -184,6 +200,9 @@ span.fa-folder-open {
#content li:not(.header):hover .name { #content li:not(.header):hover .name {
text-decoration: underline; text-decoration: underline;
} }
#content div.grid {
padding: 20px;
}
#content div.grid li { #content div.grid li {
display: inline-block; display: inline-block;
margin: 10px 10px; margin: 10px 10px;
@ -212,6 +231,7 @@ span.fa-folder-open {
#content .list ul { #content .list ul {
display: table; display: table;
width: 100%; width: 100%;
padding: 0px 10px;
} }
#content .list li { #content .list li {
display: table-row; display: table-row;
@ -222,7 +242,7 @@ span.fa-folder-open {
} }
#content .list li.header { #content .list li.header {
cursor: default; cursor: default;
color: #888; color: #888888;
} }
#content .list li.header span:not(.fa) { #content .list li.header span:not(.fa) {
text-align: left; text-align: left;
@ -231,6 +251,9 @@ span.fa-folder-open {
#content .list li.header span.sortdesc { #content .list li.header span.sortdesc {
float: right; float: right;
} }
#content .list li.header > span {
padding: 15px 5px;
}
#content .list li.header > span.active { #content .list li.header > span.active {
font-weight: bold; font-weight: bold;
} }
@ -278,28 +301,40 @@ span.fa-folder-open {
} }
/* Toolbar */ /* Toolbar */
#driveToolbar { #driveToolbar {
background: #ddd; background: #dddddd;
color: #555555;
height: 40px; height: 40px;
display: flex;
flex-flow: row;
border-top: 1px solid #cccccc;
border-bottom: ;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
z-index: 100;
box-sizing: content-box;
/* The container <div> - needed to position the dropdown content */ /* The container <div> - needed to position the dropdown content */
} }
#driveToolbar .newPadContainer { #driveToolbar .newPadContainer {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
} }
#driveToolbar button.newElement { #driveToolbar button.element {
border-radius: 2px; border-radius: 2px;
height: 30px; height: 30px;
background: #888; background: #888888;
color: #eee; color: #eeeeee;
font-size: 16px; font-size: 16px;
border: none; border: none;
font-weight: bold; font-weight: bold;
} }
#driveToolbar button.newElement:hover { #driveToolbar button.element:hover {
box-shadow: 0px 0px 2px #000; box-shadow: 0px 0px 2px #000;
} }
#driveToolbar button.new {
padding: 0 20px;
}
#driveToolbar .dropdown-bar { #driveToolbar .dropdown-bar {
margin: 4px 5px; margin: 5px 5px;
line-height: 1em;
position: relative; position: relative;
display: inline-block; display: inline-block;
} }
@ -320,3 +355,32 @@ span.fa-folder-open {
margin-top: -3px; margin-top: -3px;
margin-right: 2px; margin-right: 2px;
} }
#driveToolbar .leftside {
width: 250px;
margin: 0;
padding: 0;
}
#driveToolbar .rightside {
margin: 0;
padding: 0;
flex: 1;
}
#driveToolbar .path {
display: inline-block;
height: 100%;
line-height: 40px;
cursor: default;
}
#driveToolbar .path .element {
padding: 5px;
border: 1px solid #dddddd;
border-radius: 2px;
box-sizing: border-box;
}
#driveToolbar .path .element.clickable {
cursor: pointer;
}
#driveToolbar .path .element.clickable:hover {
background: #ffffff;
border: 1px solid #888888;
}

@ -1,3 +1,22 @@
@tree-bg: #eee;
@tree-fg: #000;
@tree-lines-col: #888;
@content-bg: @tree-bg;
@content-fg: @tree-fg;
@info-box-bg: #ddddff;
@info-box-border: #bbb;
@table-header-fg: #888;
@table-header-bg: #d8d8d8;
@toolbar-bg: #ddd;
@toolbar-fg: #555;
@toolbar-border-col: #ccc;
@toolbar-button-bg: #888;
@toolbar-button-fg: #eee;
@toolbar-path-bg: #fff;
@toolbar-path-border: #888;
/* PAGE */ /* PAGE */
html, body { html, body {
@ -16,6 +35,15 @@ body {
flex-flow: column; flex-flow: column;
} }
.unselectable {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.app-container { .app-container {
flex: 1; flex: 1;
overflow: auto; overflow: auto;
@ -32,7 +60,7 @@ body {
ul { ul {
list-style: none; list-style: none;
padding-left: 10px; padding-left: 0px; // Remove the default padding
} }
li { li {
@ -78,7 +106,7 @@ span {
#tree { #tree {
border-right: 1px solid #ccc; border-right: 1px solid #ccc;
box-sizing: border-box; box-sizing: border-box;
background: #eee; background: @tree-bg;
overflow: auto; overflow: auto;
resize: horizontal; resize: horizontal;
width: 250px; width: 250px;
@ -86,9 +114,10 @@ span {
max-width: 500px; max-width: 500px;
min-width: 200px; min-width: 200px;
padding: 10px 0px; padding: 10px 0px;
color: @tree-fg;
li { li {
cursor: auto; cursor: auto;
&> span.element:hover { &:hover > span.element {
text-decoration: underline; text-decoration: underline;
} }
&.collapsed ul { &.collapsed ul {
@ -106,6 +135,12 @@ span {
} }
.category2 { .category2 {
margin-top: 2em; margin-top: 2em;
.root {
&> .fa {
min-width: 30px;
cursor: pointer;
}
}
} }
.fa.expcol { .fa.expcol {
margin-left: -10px; margin-left: -10px;
@ -130,6 +165,7 @@ span {
ul { ul {
margin: 0px 0px 0px 10px; margin: 0px 0px 0px 10px;
list-style: none; list-style: none;
padding-left: 10px;
li { li {
position: relative; position: relative;
&:before { &:before {
@ -138,9 +174,9 @@ span {
top: -0.25em; top: -0.25em;
content: ''; content: '';
display: block; display: block;
border-left: 1px solid #888; border-left: 1px solid @tree-lines-col;
height: 1em; height: 1em;
border-bottom: 1px solid #888; border-bottom: 1px solid @tree-lines-col;
width: 17.5px; width: 17.5px;
} }
&:after { &:after {
@ -149,7 +185,7 @@ span {
bottom: -7px; bottom: -7px;
content: ''; content: '';
display: block; display: block;
border-left: 1px solid #888; border-left: 1px solid @tree-lines-col;
height: 100%; height: 100%;
} }
&.root { &.root {
@ -173,7 +209,8 @@ span {
#content { #content {
box-sizing: border-box; box-sizing: border-box;
background: #eee; background: @content-bg;
color: @content-fg;
overflow: auto; overflow: auto;
flex: 1; flex: 1;
display: flex; display: flex;
@ -183,12 +220,13 @@ span {
margin-top: 10px; margin-top: 10px;
} }
.info-box { .info-box {
margin: 0px auto; height: 40px;
padding: 5px; line-height: 40px;
background: #ddddff; padding-left: 10px;
border: 1px solid #bbb; margin: 10px auto;
background: @info-box-bg;
border: 1px solid @info-box-border;
border-radius: 5px; border-radius: 5px;
margin-bottom: 10px;
span { span {
cursor: pointer; cursor: pointer;
margin-left: 10px; margin-left: 10px;
@ -208,6 +246,7 @@ span {
} }
} }
div.grid { div.grid {
padding: 20px;
li { li {
display: inline-block; display: inline-block;
margin: 10px 10px; margin: 10px 10px;
@ -241,6 +280,7 @@ span {
ul { ul {
display: table; display: table;
width: 100%; width: 100%;
padding: 0px 10px;
} }
li { li {
display: table-row; display: table-row;
@ -252,7 +292,7 @@ span {
li { li {
&.header { &.header {
cursor: default; cursor: default;
color: #888; color: @table-header-fg;
span { span {
&:not(.fa) { &:not(.fa) {
text-align: left; text-align: left;
@ -262,13 +302,14 @@ span {
} }
} }
&> span { &> span {
padding: 15px 5px;
&.active { &.active {
font-weight: bold; font-weight: bold;
} }
&.clickable { &.clickable {
cursor: pointer; cursor: pointer;
&:hover { &:hover {
background: #d8d8d8; background: @table-header-bg;
} }
} }
} }
@ -316,18 +357,28 @@ span {
/* Toolbar */ /* Toolbar */
#driveToolbar { #driveToolbar {
background: #ddd; background: @toolbar-bg;
color: @toolbar-fg;
height: 40px; height: 40px;
display: flex;
flex-flow: row;
border-top: 1px solid @toolbar-border-col;
border-bottom: ;
box-shadow: 0 2px 4px rgba(0,0,0,0.2);
z-index: 100;
box-sizing: content-box;
.newPadContainer { .newPadContainer {
display: inline-block; display: inline-block;
height: 100%; height: 100%;
} }
button.newElement { button {
&.element {
border-radius: 2px; border-radius: 2px;
height: 30px; height: 30px;
background: #888; background: @toolbar-button-bg;
color: #eee; color: @toolbar-button-fg;
font-size: 16px; font-size: 16px;
border: none; border: none;
font-weight: bold; font-weight: bold;
@ -335,9 +386,14 @@ span {
box-shadow: 0px 0px 2px #000; box-shadow: 0px 0px 2px #000;
} }
} }
&.new {
padding: 0 20px;
}
}
/* The container <div> - needed to position the dropdown content */ /* The container <div> - needed to position the dropdown content */
.dropdown-bar { .dropdown-bar {
margin: 4px 5px; margin: 5px 5px;
line-height: 1em;
position: relative; position: relative;
display: inline-block; display: inline-block;
&.right { &.right {
@ -358,6 +414,36 @@ span {
margin-top: -3px; margin-top: -3px;
margin-right: 2px; margin-right: 2px;
} }
.leftside {
width: 250px;
margin: 0;
padding: 0;
}
.rightside {
margin: 0;
padding: 0;
flex: 1;
}
.path {
display: inline-block;
height: 100%;
line-height: 40px;
cursor: default;
.element {
padding: 5px;
border: 1px solid @toolbar-bg;
border-radius: 2px;
box-sizing: border-box;
&.clickable {
cursor: pointer;
&:hover {
background: @toolbar-path-bg;
border: 1px solid @toolbar-path-border;
}
}
}
}
} }

@ -11,6 +11,7 @@
</head> </head>
<body> <body>
<div id="toolbar" class="toolbar-container"></div> <div id="toolbar" class="toolbar-container"></div>
<div id="driveToolbar"></div>
<div class="app-container"> <div class="app-container">
<div id="tree"> <div id="tree">
</div> </div>

@ -175,6 +175,7 @@ define([
var $tree = $iframe.find("#tree"); var $tree = $iframe.find("#tree");
var $content = $iframe.find("#content"); var $content = $iframe.find("#content");
var $driveToolbar = $iframe.find("#driveToolbar");
var $contextMenu = $iframe.find("#treeContextMenu"); var $contextMenu = $iframe.find("#treeContextMenu");
var $contentContextMenu = $iframe.find("#contentContextMenu"); var $contentContextMenu = $iframe.find("#contentContextMenu");
var $defaultContextMenu = $iframe.find("#defaultContextMenu"); var $defaultContextMenu = $iframe.find("#defaultContextMenu");
@ -578,6 +579,10 @@ define([
onDrag(e.originalEvent, path); onDrag(e.originalEvent, path);
}); });
$element.on('mousedown', function (e) {
e.stopPropagation();
});
// Add drop handlers if we are not in the trash and if the element is a folder // Add drop handlers if we are not in the trash and if the element is a folder
if (!droppable || !isFolder) { return; } if (!droppable || !isFolder) { return; }
@ -648,10 +653,10 @@ define([
var getFileIcon = function (href) { var getFileIcon = function (href) {
var $icon = $fileIcon.clone(); var $icon = $fileIcon.clone();
if (href.indexOf('/pad/') !== -1) { $icon = $padIcon.clone() } if (href.indexOf('/pad/') !== -1) { $icon = $padIcon.clone(); }
else if (href.indexOf('/code/') !== -1) { $icon = $codeIcon.clone() } else if (href.indexOf('/code/') !== -1) { $icon = $codeIcon.clone(); }
else if (href.indexOf('/slide/') !== -1) { $icon = $slideIcon.clone() } else if (href.indexOf('/slide/') !== -1) { $icon = $slideIcon.clone(); }
else if (href.indexOf('/poll/') !== -1) { $icon = $pollIcon.clone() } else if (href.indexOf('/poll/') !== -1) { $icon = $pollIcon.clone(); }
return $icon; return $icon;
}; };
@ -732,32 +737,41 @@ define([
return title; return title;
}; };
var getPrettyName = function (name) {
var pName;
switch (name) {
case ROOT: pName = ROOT_NAME; break;
case TRASH: pName = TRASH_NAME; break;
case UNSORTED: pName = UNSORTED_NAME; break;
case TEMPLATE: pName = TEMPLATE_NAME; break;
case FILES_DATA: pName = FILES_DATA_NAME; break;
default: pName = name;
}
return pName;
};
// Create the title block with the "parent folder" button // Create the title block with the "parent folder" button
var createTitle = function (path) { var createTitle = function (path) {
var isTrash = path[0] === TRASH; if (!path || path.length === 0) { return; }
// Create title and "Up" icon var isTrash = filesOp.isPathInTrash(path);
var name = path[path.length - 1]; var $title = $('<span>', {'class': 'path unselectable'});
if (name === ROOT && path.length === 1) { name = ROOT_NAME; } path.forEach(function (p, idx) {
else if (name === TRASH && path.length === 1) { name = TRASH_NAME; } if (isTrash && [1,2].indexOf(idx) !== -1) { return; }
else if (name === UNSORTED && path.length === 1) { name = UNSORTED_NAME; }
else if (name === TEMPLATE && path.length === 1) { name = TEMPLATE_NAME; } var $span = $('<span>', {'class': 'element'});
else if (name === FILES_DATA && path.length === 1) { name = FILES_DATA_NAME; } if (idx < path.length - 1) {
else if (filesOp.isPathInTrash(path)) { name = getTrashTitle(path); } $span.addClass('clickable');
var $title = $('<h1>').text(name); $span.click(function (e) {
if (path.length > 1) { module.displayDirectory(path.slice(0, idx + 1));
var $parentFolder = $upIcon.clone().addClass("parentFolder")
.click(function() {
var newPath = path.slice();
newPath.pop();
if (isTrash && path.length === 4) {
// path = [TRASH, "{DirName}", 0, 'element']
// --> parent is TRASH
newPath = [TRASH];
}
module.displayDirectory(newPath);
}); });
$title.append($parentFolder);
} }
var name = p;
if (idx === 0) { name = getPrettyName(p); }
else { $title.append(' > '); }
$span.text(name).appendTo($title);
});
return $title; return $title;
}; };
@ -807,10 +821,10 @@ define([
}); });
var $listButton = $('<button>', { var $listButton = $('<button>', {
'class': 'newElement' 'class': 'element'
}).append($listIcon.clone()); }).append($listIcon.clone());
var $gridButton = $('<button>', { var $gridButton = $('<button>', {
'class': 'newElement' 'class': 'element'
}).append($gridIcon.clone()); }).append($gridIcon.clone());
$listButton.click(function () { $listButton.click(function () {
@ -871,7 +885,7 @@ define([
var $block = Cryptpad.createDropdown(dropdownConfig); var $block = Cryptpad.createDropdown(dropdownConfig);
// Custom style: // Custom style:
$block.find('button').addClass('newElement'); $block.find('button').addClass('new').addClass('element');
// Handlers // Handlers
$block.find('a.newFolder').click(function () { $block.find('a.newFolder').click(function () {
@ -1072,9 +1086,11 @@ define([
// Drive content toolbar // Drive content toolbar
var createToolbar = function (path) { var createToolbar = function (path) {
var $toolbar = $('<div>', { var $toolbar = $driveToolbar;
id: 'driveToolbar' $toolbar.html('');
}); var $leftside = $('<div>', {'class': 'leftside'}).appendTo($toolbar);
$leftside.width($tree.width());
var $rightside = $('<div>', {'class': 'rightside'}).appendTo($toolbar);
return $toolbar; return $toolbar;
}; };
@ -1130,7 +1146,7 @@ define([
var sortedFiles = sortElements(false, [FILES_DATA], keys, Cryptpad.getLSAttribute(SORT_FILE_BY), !getSortFileDesc(), false, true); var sortedFiles = sortElements(false, [FILES_DATA], keys, Cryptpad.getLSAttribute(SORT_FILE_BY), !getSortFileDesc(), false, true);
sortedFiles.forEach(function (file) { sortedFiles.forEach(function (file) {
var $icon = getFileIcon(file.href); var $icon = getFileIcon(file.href);
var $element = $('<li>', { 'class': 'file-element element' }) var $element = $('<li>', { 'class': 'file-element element' });
addFileData(file.href, file.title, $element, false); addFileData(file.href, file.title, $element, false);
$element.prepend($icon).dblclick(function () { $element.prepend($icon).dblclick(function () {
openFile(file.href); openFile(file.href);
@ -1225,7 +1241,6 @@ define([
} }
var $toolbar = createToolbar(path); var $toolbar = createToolbar(path);
var $title = createTitle(path);
var $info = createInfoBox(path); var $info = createInfoBox(path);
var $dirContent = $('<div>', {id: FOLDER_CONTENT_ID}); var $dirContent = $('<div>', {id: FOLDER_CONTENT_ID});
@ -1236,9 +1251,10 @@ define([
} }
var $list = $('<ul>').appendTo($dirContent); var $list = $('<ul>').appendTo($dirContent);
var $modeButton = createViewModeButton().appendTo($toolbar); var $modeButton = createViewModeButton().appendTo($toolbar.find('.rightside'));
var $title = createTitle(path).appendTo($toolbar.find('.rightside'));
if (!filesOp.isPathInTrash(path)) { if (!filesOp.isPathInTrash(path)) {
createNewButton(isInRoot).appendTo($toolbar); createNewButton(isInRoot).appendTo($toolbar.find('.leftside'));
} }
var $folderHeader = getFolderListHeader(); var $folderHeader = getFolderListHeader();
@ -1270,7 +1286,8 @@ define([
$element.appendTo($list); $element.appendTo($list);
}); });
} }
$content.append($toolbar).append($title).append($info).append($dirContent); //$content.append($toolbar).append($title).append($info).append($dirContent);
$content.append($info).append($dirContent);
appStatus.ready(true); appStatus.ready(true);
}; };
@ -1290,15 +1307,15 @@ define([
}; };
var createTreeElement = function (name, $icon, path, draggable, droppable, collapsable, active) { var createTreeElement = function (name, $icon, path, draggable, droppable, collapsable, active) {
var $name = $('<span>', { 'class': 'folder-element element' }).text(name) var $name = $('<span>', { 'class': 'folder-element element' }).text(name);
.click(function () {
module.displayDirectory(path);
});
var $collapse; var $collapse;
if (collapsable) { if (collapsable) {
$collapse = $expandIcon.clone(); $collapse = $expandIcon.clone();
} }
var $element = $('<li>').append($collapse).append($icon).append($name); var $element = $('<li>').append($collapse).append($icon).append($name)
.click(function () {
module.displayDirectory(path);
});
if (draggable) { $element.attr('draggable', true); } if (draggable) { $element.attr('draggable', true); }
if (collapsable) { if (collapsable) {
$element.addClass('collapsed'); $element.addClass('collapsed');
@ -1401,19 +1418,9 @@ define([
var createTrash = function ($container, path) { var createTrash = function ($container, path) {
var $icon = filesOp.isFolderEmpty(files[TRASH]) ? $trashEmptyIcon.clone() : $trashIcon.clone(); var $icon = filesOp.isFolderEmpty(files[TRASH]) ? $trashEmptyIcon.clone() : $trashIcon.clone();
var isOpened = filesOp.comparePath(path, currentPath); var isOpened = filesOp.comparePath(path, currentPath);
var $trash = $('<span>', { var $trashElement = createTreeElement(TRASH_NAME, $icon, [TRASH], false, true, false, isOpened);
'class': 'tree-trash element'
}).text(TRASH_NAME).prepend($icon)
.click(function () {
module.displayDirectory(path);
});
var $trashElement = $('<li>').append($trash);
$trashElement.addClass('root'); $trashElement.addClass('root');
$trashElement.data('path', [TRASH]);
addDragAndDropHandlers($trashElement, path, true, true);
$trashElement.contextmenu(openTrashTreeContextMenu); $trashElement.contextmenu(openTrashTreeContextMenu);
if (isOpened) { $trash.addClass('active'); }
var $trashList = $('<ul>', { id: 'trashTree', 'class': 'category2' }).append($trashElement); var $trashList = $('<ul>', { id: 'trashTree', 'class': 'category2' }).append($trashElement);
$container.append($trashList); $container.append($trashList);
}; };
@ -1701,6 +1708,18 @@ define([
return false; return false;
}); });
$iframe.find('#tree').mousedown(function (e) {
if (APP.resizeTree) { return; }
APP.resizeTree = window.setInterval(function () {
$driveToolbar.find('.leftside').width($tree.width());
}, 100);
});
$(ifrw).mouseup(function (e) {
window.clearInterval(APP.resizeTree);
APP.resizeTree = undefined;
});
refresh(); refresh();
}; };

Loading…
Cancel
Save