fix toggle button
This commit is contained in:
parent
980aa6d404
commit
61ef23dedc
|
@ -373,15 +373,25 @@ $(document).ready(function () {
|
||||||
$body.removeClass("aside-out");
|
$body.removeClass("aside-out");
|
||||||
});
|
});
|
||||||
|
|
||||||
$(".offcanvas-right-toggle").on("click", function (event) {
|
// Right offcanvas elements
|
||||||
|
let $offcanvas_right_toggle = $(".offcanvas-right-toggle");
|
||||||
|
let $offcanvas_right_container = $("#offcanvasUsermenu"); // Use ID for faster lookup, class is .offcanvas-right
|
||||||
|
|
||||||
|
$offcanvas_right_toggle.on("click", function (event) {
|
||||||
event.preventDefault();
|
event.preventDefault();
|
||||||
// FIXME: Doesn't toggle, menu stays open even when pressing the button again
|
|
||||||
$("body").toggleClass("offcanvas-right-active");
|
$("body").toggleClass("offcanvas-right-active");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// Close the right offcanvas menu when clicking somewhere
|
||||||
$(document).on("mouseup touchend", function (event) {
|
$(document).on("mouseup touchend", function (event) {
|
||||||
var offCanvas = $(".offcanvas-right");
|
if (
|
||||||
if (!offCanvas.is(event.target) && offCanvas.has(event.target).length === 0) {
|
// Clicked element is not inside the menu
|
||||||
|
!$offcanvas_right_container.is(event.target) &&
|
||||||
|
$offcanvas_right_container.has(event.target).length === 0 &&
|
||||||
|
// Clicked element is not the toggle button (taken care by the toggleClass above)
|
||||||
|
!$offcanvas_right_toggle.is(event.target) &&
|
||||||
|
$offcanvas_right_toggle.has(event.target).length === 0
|
||||||
|
) {
|
||||||
$("body").removeClass("offcanvas-right-active");
|
$("body").removeClass("offcanvas-right-active");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
Loading…
Reference in a new issue