FSN#37938 submenu bij ingeklapt menu mouseover valt niet meer buiten beeld (uit de bodem)

svn path=/Website/trunk/; revision=31707
This commit is contained in:
2016-11-28 14:59:59 +00:00
parent 79d4c9713c
commit e87165bf6b
2 changed files with 26 additions and 0 deletions

View File

@@ -203,15 +203,27 @@ if (device.test(device.isTouch)) { %>
else
{
var content = $(this).find("ul").clone(true, true);
var submenuHeader = $(this).find("span.menukop").html();
if (submenuHeader && submenuHeader != "")
content.prepend("<lh class=\"mi\">" + submenuHeader + "</lh>");
$("div.ui-tabs-submenu").html(content)
.css('left', $(this).position().left + $(this).width() + "px")
.css('top', $(this).position().top + "px")
.css("z-index", 12)
.fadeIn("fast");
$("div.ui-tabs-submenu ul").css("display", "block")
.addClass("menuDropDown");
$("div.ui-tabs-submenu ul li").css("display", "list-item");
if ($(this).position().top + $('div.ui-tabs-submenu').outerHeight() >
$(".ui-layout-content").position().top + $(".ui-layout-content").outerHeight()) // if(div.dropdownmenu valt onder uit beeld)
$("div.ui-tabs-submenu").css('top', ($(".ui-layout-content").position().top + //
$(".ui-layout-content").outerHeight() - // dan 'submenu.bottom = window.bottom'
$('div.ui-tabs-submenu').outerHeight())); //
}
}

View File

@@ -3294,6 +3294,20 @@ li.mi:hover span.menupinned
padding: 4px 4px 4px 8px;
}
#menutabs .ui-tabs-submenu ul.menuDropDown lh {
list-style: none;
display: list-item;
font-weight: bold;
text-align: center;
color: ==menuitemcolor==;
background-color: ==menuitembackgroundcolor==;
list-style: none;
border-top: 1px solid #ddd;
text-decoration: none;
white-space: nowrap;
padding: 4px 4px 4px 8px;
}
li.mi:hover {
background-color:==menuitemhovercolor==!important;
cursor: pointer;