FIX: while header drop down is dropped, header is in front

This commit is contained in:
Sam
2014-09-22 12:38:38 +10:00
parent fd5dde4ab5
commit 7ae72dc2ff

View File

@ -6,6 +6,9 @@
@namespace Discourse @namespace Discourse
@module Discourse @module Discourse
**/ **/
var originalZIndex;
export default Discourse.View.extend({ export default Discourse.View.extend({
tagName: 'header', tagName: 'header',
classNames: ['d-header', 'clearfix'], classNames: ['d-header', 'clearfix'],
@ -18,8 +21,17 @@ export default Discourse.View.extend({
$li = $target.closest('li'), $li = $target.closest('li'),
$ul = $target.closest('ul'), $ul = $target.closest('ul'),
$html = $('html'), $html = $('html'),
$header = $('header'),
replyZIndex = parseInt($('#reply-control').css('z-index'), 10),
self = this; self = this;
originalZIndex = originalZIndex || $('header').css('z-index');
if(replyZIndex > 0) {
$header.css("z-index", replyZIndex + 1);
}
var controller = self.get('controller'); var controller = self.get('controller');
if(controller && !controller.isDestroyed){ if(controller && !controller.isDestroyed){
controller.set('visibleDropdown', elementId); controller.set('visibleDropdown', elementId);
@ -38,6 +50,7 @@ export default Discourse.View.extend({
} }
var hideDropdown = function() { var hideDropdown = function() {
$header.css("z-index", originalZIndex);
$dropdown.fadeOut('fast'); $dropdown.fadeOut('fast');
$li.removeClass('active'); $li.removeClass('active');
$html.data('hide-dropdown', null); $html.data('hide-dropdown', null);