infra
/
cryptpad
2
1
Fork 0
Code Issues Pull Requests Projects Releases 1 Activity

Add Dropdown-submenu (beta)

pull/1/head
ClemDee 2019-06-25 13:37:20 +02:00
parent 29a2e3a0ea
commit e50f554774
2 changed files with 44 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
customize.dist/src/less2/include/contextmenu.less
View File

@ -19,6 +19,19 @@
}
}
}
.dropdown-submenu {
position: relative;
& .dropdown-menu {
top: -0.6rem;
left: 100%;
&.left {
left: -10rem;
}
}
&:hover .dropdown-menu {
display: block;
}
}
.cp-app-drive-context-noAction {
font-style: italic;
color: #aaa;

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);
};