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

Make context submenus don't overflow on Y axis

Browse Source
This commit is contained in:
Clément Desableau 2019-08-20 01:58:49 +02:00
parent 1521220560
commit e1477bd32e
2 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,10 +29,6 @@
.dropdown-menu { .dropdown-menu {
top: -0.7rem; top: -0.7rem;
left: 100%; left: 100%;
&.left {
left: 0%;
transform: translate(-100%);
}
} }
} }
a { a {

8
www/drive/inner.js
View File

@ -498,10 +498,16 @@ define([
var $el = $(el); var $el = $(el);
var $a = $el.children().filter("a"); var $a = $el.children().filter("a");
var $sub = $el.find(".dropdown-menu").first(); var $sub = $el.find(".dropdown-menu").first();
var left, bottomOffset;
var timeoutId; var timeoutId;
var showSubmenu = function () { var showSubmenu = function () {
clearTimeout(timeoutId); clearTimeout(timeoutId);
$sub.toggleClass("left", $el.offset().left + $el.outerWidth() + $sub.outerWidth() > $(window).width()); left = $el.offset().left + $el.outerWidth() + $sub.outerWidth() > $(window).width();
bottomOffset = $el.offset().top + $el.outerHeight() + $sub.outerHeight() - $(window).height();
$sub.css("left", left ? "0%": "100%");
$sub.css("transform", "translate("
+ (left ? "-100%" : "0")
+ "," + (bottomOffset > 0 ? -(bottomOffset - $el.outerHeight()) : 0) + "px)");
$el.siblings().find(".dropdown-menu").hide(); $el.siblings().find(".dropdown-menu").hide();
$sub.show(); $sub.show();
}; };