mirror of
https://github.com/apache/cloudstack.git
synced 2025-10-26 08:42:29 +01:00
CLOUDSTACK-7302: UI: Remove Hover Interaction from breadcrumbs at top page
Signed-off-by: Mihaela Stoica <mihaela.stoica@citrix.com>
This commit is contained in:
parent
97ecd5575c
commit
af37743045
@ -346,73 +346,4 @@
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
));
|
));
|
||||||
|
|
||||||
// Breadcrumb hovering
|
|
||||||
$('#breadcrumbs li').live('mouseover', cloudStack.ui.event.bind(
|
|
||||||
'cloudBrowser', {
|
|
||||||
'breadcrumb': function($target, $browser, data) {
|
|
||||||
var $hiddenPanels = data.panel.siblings().filter(function() {
|
|
||||||
return $(this).index() > data.panel.index();
|
|
||||||
});
|
|
||||||
var $targetPanel = data.panel.filter(':first');
|
|
||||||
var $targetBreadcrumb = _breadcrumb.filter($targetPanel);
|
|
||||||
var $panelWrapper = $('<div>').addClass('panel panel-highlight-wrapper');
|
|
||||||
|
|
||||||
$hiddenPanels.addClass('mouseover-hidden');
|
|
||||||
|
|
||||||
$browser.data('browser-panel-highlight-timer', setTimeout(function() {
|
|
||||||
$('#browser').addClass('panel-highlight');
|
|
||||||
$('.overlay').remove();
|
|
||||||
|
|
||||||
// Setup panel and wrapper positioning
|
|
||||||
$panelWrapper
|
|
||||||
.css({
|
|
||||||
left: $targetPanel.position().left
|
|
||||||
})
|
|
||||||
.width($targetPanel.width());
|
|
||||||
$targetPanel
|
|
||||||
.wrap($panelWrapper);
|
|
||||||
$panelWrapper
|
|
||||||
.zIndex(10000)
|
|
||||||
.overlay();
|
|
||||||
$targetPanel.filter(':last').addClass('highlighted');
|
|
||||||
|
|
||||||
// Setup breadcrumbs
|
|
||||||
$targetBreadcrumb.each(function() {
|
|
||||||
$(this).data('breadcrumb-original-zindex', $(this).zIndex());
|
|
||||||
});
|
|
||||||
$targetBreadcrumb.zIndex(10001);
|
|
||||||
|
|
||||||
$hiddenPanels.hide();
|
|
||||||
}, 1000));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
));
|
|
||||||
|
|
||||||
$('#breadcrumbs li').live('mouseout', cloudStack.ui.event.bind(
|
|
||||||
'cloudBrowser', {
|
|
||||||
'breadcrumb': function($target, $browser, data) {
|
|
||||||
var $getHiddenPanels = $browser.find('.panel.mouseover-hidden');
|
|
||||||
var $visiblePanels = $getHiddenPanels.siblings();
|
|
||||||
var $visibleBreadcrumbs = _breadcrumb.filter($visiblePanels);
|
|
||||||
|
|
||||||
clearTimeout($browser.data('browser-panel-highlight-timer'));
|
|
||||||
$('#browser').removeClass('panel-highlight');
|
|
||||||
$('#browser .panel').removeClass('highlighted');
|
|
||||||
$('#browser .panel.panel-highlight-wrapper').each(function() {
|
|
||||||
var $wrapper = $(this);
|
|
||||||
var $panel = $wrapper.find('.panel');
|
|
||||||
|
|
||||||
$wrapper.after($panel);
|
|
||||||
$wrapper.remove();
|
|
||||||
});
|
|
||||||
$getHiddenPanels.removeClass('mouseover-hidden').show();
|
|
||||||
$visibleBreadcrumbs.each(function() {
|
|
||||||
$(this).zIndex($(this).data('breadcrumb-original-zindex'));
|
|
||||||
});
|
|
||||||
$('.overlay').remove();
|
|
||||||
$('#browser .panel > .highlight-arrow').remove();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
));
|
|
||||||
})(jQuery, cloudStack);
|
})(jQuery, cloudStack);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user