web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add Dropdown-submenu (beta)

Browse Source
This commit is contained in:
ClemDee
2019-06-25 13:37:20 +02:00
parent 29a2e3a0ea
commit e50f554774
2 changed files with 44 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
www/drive/inner.js
View File

@@ -305,10 +305,10 @@ define([
'style': 'display:block;position:static;margin-bottom:5px;'
}, [
h('span.cp-app-drive-context-noAction.dropdown-item.disabled', Messages.fc_noAction || "No action possible"),
h('li', h('a.cp-app-drive-context-open.dropdown-item', {
'tabindex': '-1',
'data-icon': faFolderOpen,
}, Messages.fc_open)),
// h('li', h('a.cp-app-drive-context-open.dropdown-item', {
// 'tabindex': '-1',
// 'data-icon': faFolderOpen,
// }, Messages.fc_open)),
h('li', h('a.cp-app-drive-context-openro.dropdown-item', {
'tabindex': '-1',
'data-icon': faReadOnly,
@@ -323,10 +323,22 @@ define([
'data-icon': "collapseAll",
}, Messages.fc_collapseAll)),
$separator.clone()[0],
h('li', h('a.cp-app-drive-context-color.dropdown-item.cp-app-drive-context-editable', {
'tabindex': '-1',
'data-icon': faColor,
}, Messages.fc_color)),
// h('li', h('a.cp-app-drive-context-color.dropdown-item.cp-app-drive-context-editable', {
// 'tabindex': '-1',
// 'data-icon': faColor,
// }, Messages.fc_color)),
h('li.dropdown-submenu', [
h('a.cp-app-drive-context-color.dropdown-item.dropdown-toggle', {
'tabindex': '-1',
'data-icon': faColor,
}, Messages.fc_color),
h("ul.dropdown-menu", [
h('li', h('a.cp-app-drive-context-open.dropdown-item', {
'tabindex': '-1',
'data-icon': faFolderOpen,
}, Messages.fc_open))
])
]),
h('li', h('a.cp-app-drive-context-download.dropdown-item', {
'tabindex': '-1',
'data-icon': faDownload,
@@ -423,6 +435,17 @@ define([
}
$(el).prepend($icon);
});
$(menu).find(".dropdown-submenu").each(function (i, el) {
var $el = $(el);
var $sub = $el.find(".dropdown-menu");
$el.hover(function () {
setTimeout(function () { // wait for dom to update
$sub.toggleClass("left", $el.offset().left + $el.outerWidth() + $sub.outerWidth() > $(window).width());
});
}, function () {
$sub.removeClass("left");
});
});
return $(menu);
};