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: 1px solid transparent;
border-radius: 2px; border-radius: 2px;
width: 24px; width: 22px;
height: 22px; height: 22px;
background-origin: content-box; background-origin: content-box;
padding: 0 1px; padding: 0 1px;
@ -467,7 +467,7 @@
@icon-height: 20px; @icon-height: 20px;
.svg-icon { .svg-icon {
background: data-uri('../../../../common/embed/resources/img/icon-menu-sprite.svg') no-repeat; 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 { &.download {
background-position: -@icon-width 0; background-position: -@icon-width 0;
@ -506,11 +506,20 @@
background-position: -@icon-width*11 0; background-position: -@icon-width*11 0;
} }
&.form-prev { &.arrow-top {
background-position: -@icon-width*7 0; background-position: -@icon-width*17 0;
} }
&.form-next { &.arrow-bottom {
background-position: -@icon-width*8 0; 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; margin: 0 15px 0 -35px;
} }
.btn-icon { .btn-icon {
width: 24px; width: 22px;
height: 22px; height: 22px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
@ -603,7 +612,7 @@
&.open { &.open {
> button { > button {
background-color: @btnActiveColor; 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="toolbar" id="toolbar">
<div class="group left"> <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> <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-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 form-next"></span><span class="caption"></span></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 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 clear-style"></span><span class="caption"></span></button>
</div> </div>
<div class="group center"> <div class="group center">
<span id="title-doc-name"></span> <span id="title-doc-name"></span>
@ -198,7 +198,7 @@
<div class="group right"> <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 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"> <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> </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-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-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-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 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-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>' + '<li><a id="idt-fullscreen"><span class="mi-icon svg-icon fullscr"></span>' + this.txtFullScreen + '</a></li>' +