repaired z-order for 'FileMenu'
This commit is contained in:
parent
a178bfcb45
commit
75100b9a37
|
@ -64,8 +64,6 @@ define([
|
||||||
}
|
}
|
||||||
|
|
||||||
function onShowFullviewPanel(state) {
|
function onShowFullviewPanel(state) {
|
||||||
this.collapseToolbar();
|
|
||||||
|
|
||||||
if ( state )
|
if ( state )
|
||||||
optsFold.$bar.addClass('cover'); else
|
optsFold.$bar.addClass('cover'); else
|
||||||
optsFold.$bar.removeClass('cover');
|
optsFold.$bar.removeClass('cover');
|
||||||
|
@ -104,6 +102,7 @@ define([
|
||||||
me.$tabs = $boxTabs.find('> li');
|
me.$tabs = $boxTabs.find('> li');
|
||||||
me.$panels = me.$('.box-panels > .panel');
|
me.$panels = me.$('.box-panels > .panel');
|
||||||
me.$marker = me.$('.tabs .marker');
|
me.$marker = me.$('.tabs .marker');
|
||||||
|
optsFold.$bar = me.$('.toolbar');
|
||||||
var $scrollR = me.$('.tabs .scroll.right');
|
var $scrollR = me.$('.tabs .scroll.right');
|
||||||
$scrollL = me.$('.tabs .scroll.left');
|
$scrollL = me.$('.tabs .scroll.left');
|
||||||
|
|
||||||
|
@ -123,7 +122,6 @@ define([
|
||||||
|
|
||||||
var me = this;
|
var me = this;
|
||||||
if ( this.isFolded ) {
|
if ( this.isFolded ) {
|
||||||
if (!optsFold.$bar) optsFold.$bar = me.$el.find('.toolbar');
|
|
||||||
if (!optsFold.$box) optsFold.$box = me.$el.find('.box-controls');
|
if (!optsFold.$box) optsFold.$box = me.$el.find('.box-controls');
|
||||||
|
|
||||||
optsFold.$bar.addClass('folded');
|
optsFold.$bar.addClass('folded');
|
||||||
|
@ -191,7 +189,9 @@ define([
|
||||||
|
|
||||||
setTab: function (tab) {
|
setTab: function (tab) {
|
||||||
if ( !tab ) {
|
if ( !tab ) {
|
||||||
if ( this.isFolded ) onShowFullviewPanel.call(this, false);
|
onShowFullviewPanel.call(this, false);
|
||||||
|
|
||||||
|
if ( this.isFolded ) { /*this.collapseToolbar();*/ }
|
||||||
else tab = this.lastPanel;
|
else tab = this.lastPanel;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -216,10 +216,11 @@ define([
|
||||||
else this.$marker.css({left: $tp.position().left});
|
else this.$marker.css({left: $tp.position().left});
|
||||||
}
|
}
|
||||||
|
|
||||||
if ( this.isFolded ) {
|
if ( panel.length ) {
|
||||||
if ( panel.length )
|
if ( this.isFolded ) this.expandToolbar();
|
||||||
this.expandToolbar(); else
|
} else {
|
||||||
onShowFullviewPanel.call(this, true);
|
onShowFullviewPanel.call(this, true);
|
||||||
|
if ( this.isFolded ) this.collapseToolbar();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
|
@ -183,7 +183,8 @@ define([
|
||||||
}
|
}
|
||||||
|
|
||||||
function _keydown(event) {
|
function _keydown(event) {
|
||||||
if (!this.isLocked() && this.isVisible() && this.initConfig.enableKeyEvents) {
|
if (!this.isLocked() && this.isVisible()
|
||||||
|
&& this.initConfig.enableKeyEvents && this.pauseKeyEvents !== false) {
|
||||||
switch (event.keyCode) {
|
switch (event.keyCode) {
|
||||||
case Common.UI.Keys.ESC:
|
case Common.UI.Keys.ESC:
|
||||||
if ( $('.asc-loadmask').length<1 ) {
|
if ( $('.asc-loadmask').length<1 ) {
|
||||||
|
@ -864,6 +865,14 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
suspendKeyEvents: function () {
|
||||||
|
this.pauseKeyEvents = false;
|
||||||
|
},
|
||||||
|
|
||||||
|
resumeKeyEvents: function () {
|
||||||
|
this.initConfig.enableKeyEvents && (this.pauseKeyEvents = true);
|
||||||
|
},
|
||||||
|
|
||||||
onPrimary: function() {},
|
onPrimary: function() {},
|
||||||
|
|
||||||
cancelButtonText: 'Cancel',
|
cancelButtonText: 'Cancel',
|
||||||
|
|
|
@ -237,7 +237,15 @@
|
||||||
top: @height-tabs;
|
top: @height-tabs;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
z-index: 995;
|
z-index: 1041;
|
||||||
|
}
|
||||||
|
|
||||||
|
.toolbar {
|
||||||
|
&.cover {
|
||||||
|
ul {
|
||||||
|
z-index: 1042;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-toolbar {
|
.btn-toolbar {
|
||||||
|
|
|
@ -78,7 +78,8 @@ define([
|
||||||
'hide': _.bind(this.aboutShowHide, this, true)
|
'hide': _.bind(this.aboutShowHide, this, true)
|
||||||
},
|
},
|
||||||
'FileMenu': {
|
'FileMenu': {
|
||||||
'filemenu:hide': _.bind(this.menuFilesHide, this),
|
'menu:hide': _.bind(this.menuFilesShowHide, this, 'hide'),
|
||||||
|
'menu:show': _.bind(this.menuFilesShowHide, this, 'show'),
|
||||||
'item:click': _.bind(this.clickMenuFileItem, this),
|
'item:click': _.bind(this.clickMenuFileItem, this),
|
||||||
'saveas:format': _.bind(this.clickSaveAsFormat, this),
|
'saveas:format': _.bind(this.clickSaveAsFormat, this),
|
||||||
'settings:apply': _.bind(this.applySettings, this),
|
'settings:apply': _.bind(this.applySettings, this),
|
||||||
|
@ -532,8 +533,13 @@ define([
|
||||||
if (value) $(this.leftMenu.btnAbout.el).blur();
|
if (value) $(this.leftMenu.btnAbout.el).blur();
|
||||||
},
|
},
|
||||||
|
|
||||||
menuFilesHide: function(obj) {
|
menuFilesShowHide: function(state) {
|
||||||
// $(this.leftMenu.btnFile.el).blur();
|
if ( this.dlgSearch ) {
|
||||||
|
if ( state == 'show' )
|
||||||
|
this.dlgSearch.suspendKeyEvents();
|
||||||
|
else
|
||||||
|
Common.Utils.asyncCall(this.dlgSearch.resumeKeyEvents);
|
||||||
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
onMenuChange: function (value) {
|
onMenuChange: function (value) {
|
||||||
|
|
|
@ -4,7 +4,9 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.toolbar {
|
.toolbar {
|
||||||
z-index: 101;
|
&:not(.cover) {
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
|
||||||
&.masked {
|
&.masked {
|
||||||
button.disabled .icon:not(.no-mask) {
|
button.disabled .icon:not(.no-mask) {
|
||||||
|
|
|
@ -75,6 +75,8 @@ define([
|
||||||
'hide': _.bind(this.aboutShowHide, this, true)
|
'hide': _.bind(this.aboutShowHide, this, true)
|
||||||
},
|
},
|
||||||
'FileMenu': {
|
'FileMenu': {
|
||||||
|
'menu:hide': _.bind(this.menuFilesShowHide, this, 'hide'),
|
||||||
|
'menu:show': _.bind(this.menuFilesShowHide, this, 'show'),
|
||||||
'filemenu:hide': _.bind(this.menuFilesHide, this),
|
'filemenu:hide': _.bind(this.menuFilesHide, this),
|
||||||
'item:click': _.bind(this.clickMenuFileItem, this),
|
'item:click': _.bind(this.clickMenuFileItem, this),
|
||||||
'saveas:format': _.bind(this.clickSaveAsFormat, this),
|
'saveas:format': _.bind(this.clickSaveAsFormat, this),
|
||||||
|
@ -421,6 +423,15 @@ define([
|
||||||
if (value) $(this.leftMenu.btnAbout.el).blur();
|
if (value) $(this.leftMenu.btnAbout.el).blur();
|
||||||
},
|
},
|
||||||
|
|
||||||
|
menuFilesShowHide: function(state) {
|
||||||
|
if ( this.dlgSearch ) {
|
||||||
|
if ( state == 'show' )
|
||||||
|
this.dlgSearch.suspendKeyEvents();
|
||||||
|
else
|
||||||
|
Common.Utils.asyncCall(this.dlgSearch.resumeKeyEvents);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
onShortcut: function(s, e) {
|
onShortcut: function(s, e) {
|
||||||
var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
|
var previewPanel = PE.getController('Viewport').getView('DocumentPreview');
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,8 @@
|
||||||
|
|
||||||
.toolbar {
|
.toolbar {
|
||||||
z-index: 101;
|
&:not(.cover) {
|
||||||
|
z-index: 101;
|
||||||
|
}
|
||||||
|
|
||||||
&.masked {
|
&.masked {
|
||||||
.btn-toolbar.disabled .icon:not(.btn-print):not(.btn-save):not(.btn-save-coauth):not(.btn-settings):not(.btn-hidebars) {
|
.btn-toolbar.disabled .icon:not(.btn-print):not(.btn-save):not(.btn-save-coauth):not(.btn-settings):not(.btn-hidebars) {
|
||||||
|
|
|
@ -66,6 +66,8 @@ define([
|
||||||
'hide': _.bind(this.aboutShowHide, this, false)
|
'hide': _.bind(this.aboutShowHide, this, false)
|
||||||
},
|
},
|
||||||
'FileMenu': {
|
'FileMenu': {
|
||||||
|
'menu:hide': _.bind(this.menuFilesShowHide, this, 'hide'),
|
||||||
|
'menu:show': _.bind(this.menuFilesShowHide, this, 'show'),
|
||||||
'item:click': _.bind(this.clickMenuFileItem, this),
|
'item:click': _.bind(this.clickMenuFileItem, this),
|
||||||
'saveas:format': _.bind(this.clickSaveAsFormat, this),
|
'saveas:format': _.bind(this.clickSaveAsFormat, this),
|
||||||
'settings:apply': _.bind(this.applySettings, this),
|
'settings:apply': _.bind(this.applySettings, this),
|
||||||
|
@ -576,6 +578,15 @@ define([
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
||||||
|
menuFilesShowHide: function(state) {
|
||||||
|
if ( this.dlgSearch ) {
|
||||||
|
if ( state == 'show' )
|
||||||
|
this.dlgSearch.suspendKeyEvents();
|
||||||
|
else
|
||||||
|
Common.Utils.asyncCall(this.dlgSearch.resumeKeyEvents);
|
||||||
|
}
|
||||||
|
},
|
||||||
|
|
||||||
/** coauthoring end **/
|
/** coauthoring end **/
|
||||||
|
|
||||||
onShortcut: function(s, e) {
|
onShortcut: function(s, e) {
|
||||||
|
|
|
@ -1,5 +1,7 @@
|
||||||
.toolbar {
|
.toolbar {
|
||||||
z-index: 102;
|
&:not(.cover) {
|
||||||
|
z-index: 102;
|
||||||
|
}
|
||||||
|
|
||||||
&.masked {
|
&.masked {
|
||||||
button.disabled .btn-icon:not(.btn-print):not(.btn-save):not(.btn-save-coauth):not(.btn-settings):not(.btn-showmode) {
|
button.disabled .btn-icon:not(.btn-print):not(.btn-save):not(.btn-save-coauth):not(.btn-settings):not(.btn-showmode) {
|
||||||
|
|
Loading…
Reference in a new issue