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
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 { .cp-app-drive-context-noAction {
font-style: italic; font-style: italic;
color: #aaa; color: #aaa;

39
www/drive/inner.js
View File

@ -305,10 +305,10 @@ define([
'style': 'display:block;position:static;margin-bottom:5px;' '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('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', { // h('li', h('a.cp-app-drive-context-open.dropdown-item', {
'tabindex': '-1', // 'tabindex': '-1',
'data-icon': faFolderOpen, // 'data-icon': faFolderOpen,
}, Messages.fc_open)), // }, Messages.fc_open)),
h('li', h('a.cp-app-drive-context-openro.dropdown-item', { h('li', h('a.cp-app-drive-context-openro.dropdown-item', {
'tabindex': '-1', 'tabindex': '-1',
'data-icon': faReadOnly, 'data-icon': faReadOnly,
@ -323,10 +323,22 @@ define([
'data-icon': "collapseAll", 'data-icon': "collapseAll",
}, Messages.fc_collapseAll)), }, Messages.fc_collapseAll)),
$separator.clone()[0], $separator.clone()[0],
h('li', h('a.cp-app-drive-context-color.dropdown-item.cp-app-drive-context-editable', { // h('li', h('a.cp-app-drive-context-color.dropdown-item.cp-app-drive-context-editable', {
'tabindex': '-1', // 'tabindex': '-1',
'data-icon': faColor, // 'data-icon': faColor,
}, Messages.fc_color)), // }, 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', { h('li', h('a.cp-app-drive-context-download.dropdown-item', {
'tabindex': '-1', 'tabindex': '-1',
'data-icon': faDownload, 'data-icon': faDownload,
@ -423,6 +435,17 @@ define([
} }
$(el).prepend($icon); $(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); return $(menu);
}; };