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

[DE] Use config.customization.layout for status bar

Browse source
This commit is contained in:
Julia Radzhabova 2021-10-29 17:31:01 +03:00
parent 602acc7bd0
commit e1255c470e
4 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/documenteditor/main/app/controller/Statusbar.js
View file

@ -112,6 +112,10 @@ define([
me.btnSpelling.render( me.statusbar.$layout.find('#btn-doc-spell') ); me.btnSpelling.render( me.statusbar.$layout.find('#btn-doc-spell') );
me.btnDocLang = review.getButton('doclang', 'statusbar'); me.btnDocLang = review.getButton('doclang', 'statusbar');
me.btnDocLang.render( me.statusbar.$layout.find('#btn-doc-lang') ); me.btnDocLang.render( me.statusbar.$layout.find('#btn-doc-lang') );
var isVisible = Common.UI.LayoutManager.isElementVisible('statusBar-textLang') || Common.UI.LayoutManager.isElementVisible('statusBar-docLang');
me.btnDocLang.$el.find('+.separator.space')[isVisible?'show':'hide']();
} else { } else {
me.statusbar.$el.find('.el-edit, .el-review').hide(); me.statusbar.$el.find('.el-edit, .el-review').hide();
} }

5
apps/documenteditor/main/app/template/StatusBar.template
View file

@ -12,8 +12,9 @@
</div> </div>
<div class="status-group" style=""> <div class="status-group" style="">
<div class="separator short el-edit"></div> <div class="separator short el-edit"></div>
<span id="btn-cnt-lang" class="el-edit"></span> <span id="btn-cnt-lang" class="el-edit" data-layout-name="statusBar-textLang"></span>
<span id="btn-doc-lang" class="el-edit"></span> <span id="btn-doc-lang" class="el-edit" data-layout-name="statusBar-docLang"></span>
<div class="separator short el-edit space"></div>
<span id="btn-doc-spell" class="el-edit"></span> <span id="btn-doc-spell" class="el-edit"></span>
<div class="separator short el-edit"></div> <div class="separator short el-edit"></div>
<div id="btn-doc-review" class="el-edit el-review" style="display: inline-block;"></div> <div id="btn-doc-review" class="el-edit el-review" style="display: inline-block;"></div>

1
apps/documenteditor/main/app/view/Statusbar.js
View file

@ -207,7 +207,6 @@ define([
cls : 'btn-toolbar', cls : 'btn-toolbar',
caption : 'English (United States)', caption : 'English (United States)',
hintAnchor : 'top-left', hintAnchor : 'top-left',
style : 'margin-left: 6px;',
disabled: true, disabled: true,
dataHint : '0', dataHint : '0',
dataHintDirection: 'top', dataHintDirection: 'top',

20
apps/documenteditor/main/resources/less/statusbar.less
View file

@ -30,21 +30,12 @@
text-align: center; text-align: center;
} }
#btn-doc-lang {
margin-right: 9px;
}
#btn-doc-spell {
margin-right: 5px;
}
#btn-zoom-topage { #btn-zoom-topage {
margin-right: 9px; margin-right: 8px;
margin-left: 6px;
} }
#btn-zoom-towidth { #btn-zoom-towidth {
margin-right: 9px; margin-right: 8px;
} }
.status-group { .status-group {
@ -58,12 +49,17 @@
} }
.separator { .separator {
margin: 0px 3px 0 4px; margin: 0px 6px;
&.short { &.short {
height: 25px; height: 25px;
margin-top: -2px; margin-top: -2px;
} }
&.space {
margin: 0px 2px;
border: none;
}
} }
#btn-cnt-lang { #btn-cnt-lang {