Lea/web-apps
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

[SSE] Spellcheck: add scroll

Browse source
This commit is contained in:
Julia Radzhabova 2019-08-06 15:08:25 +03:00
parent 0a27f876c9
commit bc0d871b96
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
apps/spreadsheeteditor/main/app/view/Spellcheck.js
View file

@ -51,7 +51,7 @@ define([
el: '#left-panel-spellcheck', el: '#left-panel-spellcheck',
template: _.template([ template: _.template([
'<div id="spellcheck-box" class="layout-ct vbox active" style="padding: 20px 15px 0; width: 100%; position: relative;">', '<div id="spellcheck-box" class="layout-ct vbox active" style="padding: 20px 15px 0; width: 100%; position: relative;overflow: hidden;">',
'<div id="spellcheck-header" style="font-size: 14px; padding-bottom: 16px;"><%= scope.txtSpelling %></div>', '<div id="spellcheck-header" style="font-size: 14px; padding-bottom: 16px;"><%= scope.txtSpelling %></div>',
'<div style="display: flex; width: 100%; padding-bottom: 8px;"><div id="spellcheck-current-word" style="vertical-align: top; width: 100%; display: inline-block;"></div><div id="spellcheck-next" style="display: inline-block;"></div></div>', '<div style="display: flex; width: 100%; padding-bottom: 8px;"><div id="spellcheck-current-word" style="vertical-align: top; width: 100%; display: inline-block;"></div><div id="spellcheck-next" style="display: inline-block;"></div></div>',
'<div id="spellcheck-suggestions-list" style="width: 100%; height: 116px; background-color: #fff; margin-bottom: 8px;"></div>', '<div id="spellcheck-suggestions-list" style="width: 100%; height: 116px; background-color: #fff; margin-bottom: 8px;"></div>',
@ -145,7 +145,10 @@ define([
style : 'width: 100%', style : 'width: 100%',
menuStyle : 'width: 100%;max-height: 163px;', menuStyle : 'width: 100%;max-height: 163px;',
editable : false, editable : false,
cls : 'input-group-nr' cls : 'input-group-nr',
scroller : {
suppressScrollX: true
}
}); });
this.btnToDictionary = new Common.UI.Button({ this.btnToDictionary = new Common.UI.Button({
@ -155,6 +158,14 @@ define([
this.lblComplete = this.$el.find('#spellcheck-complete'); this.lblComplete = this.$el.find('#spellcheck-complete');
this.trigger('render:after', this); this.trigger('render:after', this);
if (_.isUndefined(this.scroller)) {
this.scroller = new Common.UI.Scroller({
el: this.$el.find('#spellcheck-box'),
suppressScrollX: true
});
}
return this; return this;
}, },