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);
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user