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

[Embed] Change icons

Browse source
This commit is contained in:
Julia Radzhabova 2021-05-18 17:09:03 +03:00
parent 0f1a81ab94
commit e58b90b3cf
3 changed files with 22 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
apps/common/embed/resources/less/common.less
View file

@ -238,7 +238,7 @@
border: 1px solid transparent;
border-radius: 2px;
width: 24px;
width: 22px;
height: 22px;
background-origin: content-box;
padding: 0 1px;
@ -467,7 +467,7 @@
@icon-height: 20px;
.svg-icon {
background: data-uri('../../../../common/embed/resources/img/icon-menu-sprite.svg') no-repeat;
background-size: @icon-width*13 @icon-height*2;
background-size: @icon-width*19 @icon-height*2;
&.download {
background-position: -@icon-width 0;
@ -506,11 +506,20 @@
background-position: -@icon-width*11 0;
}
&.form-prev {
background-position: -@icon-width*7 0;
&.arrow-top {
background-position: -@icon-width*17 0;
}
&.form-next {
background-position: -@icon-width*8 0;
&.arrow-bottom {
background-position: -@icon-width*16 0;
}
&.clear-style {
background-position: -@icon-width*12 0;
}
&.go-to-location {
background-position: -@icon-width*15 0;
}
&.more-vertical {
background-position: -@icon-width*14 0;
}
}
@ -521,7 +530,7 @@
margin: 0 15px 0 -35px;
}
.btn-icon {
width: 24px;
width: 22px;
height: 22px;
display: inline-block;
vertical-align: middle;
@ -603,7 +612,7 @@
&.open {
> button {
background-color: @btnActiveColor;
background-position: 0 -@icon-height;
background-position: -@icon-width*14 -@icon-height;
}
}
}

8
apps/documenteditor/embed/index.html
View file

@ -188,9 +188,9 @@
<div class="toolbar" id="toolbar">
<div class="group left">
<div class="margin-right-large"><a id="header-logo" class="brand-logo" href="http://www.onlyoffice.com/" target="_blank"></a></div>
<button id="id-btn-prev-field" class="control-btn svg-icon form-prev margin-right-small"></button><!--
--><button id="id-btn-next-field" class="control-btn has-caption margin-right-large"><span class="btn-icon svg-icon form-next"></span><span class="caption"></span></button><!--
--><button id="id-btn-clear-fields" class="control-btn has-caption"><span class="btn-icon svg-icon form-next"></span><span class="caption"></span></button>
<button id="id-btn-prev-field" class="control-btn svg-icon arrow-top margin-right-small"></button><!--
--><button id="id-btn-next-field" class="control-btn has-caption margin-right-large"><span class="btn-icon svg-icon arrow-bottom"></span><span class="caption"></span></button><!--
--><button id="id-btn-clear-fields" class="control-btn has-caption"><span class="btn-icon svg-icon clear-style"></span><span class="caption"></span></button>
</div>
<div class="group center">
<span id="title-doc-name"></span>
@ -198,7 +198,7 @@
<div class="group right">
<div class="item margin-right-small"><input id="page-number" class="form-control input-xs masked" type="text" value="0"><span class="text" id="pages" tabindex="-1">of 0</span></div>
<div id="box-tools" class="dropdown">
<button class="control-btn svg-icon tools"></button>
<button class="control-btn svg-icon more-vertical"></button>
</div>
</div>
</div>

2
apps/documenteditor/embed/js/ApplicationView.js
View file

@ -48,7 +48,7 @@ DE.ApplicationView = new(function(){
'<li><a id="idt-download"><span class="mi-icon svg-icon download"></span>' + this.txtDownload + '</a></li>' +
'<li><a id="idt-print"><span class="mi-icon svg-icon print"></span>' + this.txtPrint + '</a></li>' +
'<li><a id="idt-share" data-toggle="modal"><span class="mi-icon svg-icon share"></span>' + this.txtShare + '</a></li>' +
'<li><a id="idt-close" data-toggle="modal"><span class="mi-icon svg-icon close"></span>' + this.txtFileLocation + '</a></li>' +
'<li><a id="idt-close" data-toggle="modal"><span class="mi-icon svg-icon go-to-location"></span>' + this.txtFileLocation + '</a></li>' +
'<li class="divider"></li>' +
'<li><a id="idt-embed" data-toggle="modal"><span class="mi-icon svg-icon embed"></span>' + this.txtEmbed + '</a></li>' +
'<li><a id="idt-fullscreen"><span class="mi-icon svg-icon fullscr"></span>' + this.txtFullScreen + '</a></li>' +