From 0afd8ec5b51bbe8d9bb272d0b005e0a177ad9745 Mon Sep 17 00:00:00 2001 From: Iman Mohamadi Date: Wed, 12 Nov 2014 13:14:58 +0330 Subject: [PATCH] A delay added to CMS side menu tab change event to avoid the annoying unexpected menu changes while moving mouse arround --- modules/backend/assets/js/october.sidepaneltab.js | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) diff --git a/modules/backend/assets/js/october.sidepaneltab.js b/modules/backend/assets/js/october.sidepaneltab.js index e5f2d87e4..7b8368fdb 100644 --- a/modules/backend/assets/js/october.sidepaneltab.js +++ b/modules/backend/assets/js/october.sidepaneltab.js @@ -12,6 +12,8 @@ SidePanelTab.prototype.init = function() { var self = this + this.tabOpenDelay = 200 + this.tabOpenTimeout = undefined this.$sideNavItems = $('#layout-sidenav ul li') this.$sidePanelItems = $('[data-content-id]', this.$el) this.sideNavWidth = $('#layout-sidenav ul li').outerWidth() @@ -51,10 +53,19 @@ }) self.$sideNavItems.mouseenter(function(){ - if ($(window).width() < self.options.breakpoint || !self.panelFixed()) - self.displayTab(this) + if ($(window).width() < self.options.breakpoint || !self.panelFixed()) { + var _this = this + self.tabOpenTimeout = setTimeout(function () { + self.displayTab(_this) + }, self.tabOpenDelay) + } }) + self.$sideNavItems.mouseleave(function (){ + clearTimeout(self.tabOpenTimeout) + }) + + $(window).resize(function() { self.updatePanelPosition() self.updateActiveTab()