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

[SSE] Change icons

Browse source
This commit is contained in:
Julia Radzhabova 2019-08-06 13:18:15 +03:00
parent ae81a23b53
commit 0b94998959
6 changed files with 38 additions and 47 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/main/resources/less/toolbar.less
View file

@ -542,6 +542,10 @@
}
}
.img-toolbarmenu.btn-ic-docspell {
.background-ximage('@{common-image-path}/controls/toolbar-menu-ru.png', '@{common-image-path}/controls/toolbar-menu-ru@2x.png', 60px);
}
.button-normal-icon(btn-notes, 77, @toolbar-big-icon-size);
.button-normal-icon(btn-controls, 78, @toolbar-big-icon-size);

2
apps/spreadsheeteditor/main/app/template/LeftMenu.template
View file

@ -6,7 +6,7 @@
<button id="left-btn-chat" class="btn btn-category" content-target="left-panel-chat"><i class="icon img-toolbarmenu btn-menu-chat">&nbsp;</i></button>
<!-- /** coauthoring end **/ -->
<button id="left-btn-plugins" class="btn btn-category" content-target=""><i class="icon img-toolbarmenu btn-menu-plugin">&nbsp;</i></button>
<button id="left-btn-spellcheck" class="btn btn-category" content-target=""><i class="icon img-toolbarmenu btn-menu-spellcheck">&nbsp;</i></button>
<button id="left-btn-spellcheck" class="btn btn-category" content-target=""><i class="icon img-toolbarmenu btn-ic-docspell">&nbsp;</i></button>
<button id="left-btn-support" class="btn btn-category" content-target=""><i class="icon img-toolbarmenu btn-menu-support">&nbsp;</i></button>
<button id="left-btn-about" class="btn btn-category" content-target=""><i class="icon img-toolbarmenu btn-menu-about">&nbsp;</i></button>
</div>

BIN
apps/spreadsheeteditor/main/resources/img/toolbar-menu.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 32 KiB

BIN
apps/spreadsheeteditor/main/resources/img/toolbar-menu@2x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 43 KiB

After

Width:  |  Height:  |  Size: 75 KiB

31
apps/spreadsheeteditor/main/resources/less/leftmenu.less
View file

@ -7,29 +7,22 @@
.tool-menu-btns {
border-right: 1px solid @gray-dark;
.toolbar-btn-icon(btn-menu-file, 61, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-search, 62, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-comments, 63, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-chat, 59, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-about, 58, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-support, 75, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-plugin, 81, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-spellcheck, 81, @toolbar-icon-size);
button.notify .btn-menu-chat,
button.notify.over > .btn-menu-chat {background-position: -0*@toolbar-icon-size -60*@toolbar-icon-size;}
button.notify:active > .btn-menu-chat {background-position: -1*@toolbar-icon-size -60*@toolbar-icon-size;}
button.notify.disabled > .btn-menu-chat {background-position: -2*@toolbar-icon-size -60*@toolbar-icon-size;}
button.notify .btn-menu-comments,
button.notify.over > .btn-menu-comments {background-position: -0*@toolbar-icon-size -2*@toolbar-icon-size;}
button.notify:active > .btn-menu-comments {background-position: -1*@toolbar-icon-size -2*@toolbar-icon-size;}
button.notify.disabled > .btn-menu-comments {background-position: -2*@toolbar-icon-size -2*@toolbar-icon-size;}
}
}
}
button.notify .btn-menu-chat {background-position: -0*@toolbar-icon-size -63*@toolbar-icon-size;}
button.notify .btn-menu-comments {background-position: -0*@toolbar-icon-size -60*@toolbar-icon-size;}
.button-normal-icon(btn-menu-file, 61, @toolbar-icon-size);
.button-normal-icon(btn-menu-search, 62, @toolbar-icon-size);
.button-normal-icon(btn-menu-comments, 63, @toolbar-icon-size);
.button-normal-icon(btn-menu-chat, 59, @toolbar-icon-size);
.button-normal-icon(btn-menu-about, 58, @toolbar-icon-size);
.button-normal-icon(btn-menu-support, 75, @toolbar-icon-size);
.button-normal-icon(btn-menu-plugin, 81, @toolbar-icon-size);
.button-normal-icon(btn-ic-docspell, 93, @toolbar-icon-size);
#left-menu {
&+.layout-resizer {
border-left: 0 none;

48
apps/spreadsheeteditor/main/resources/less/rightmenu.less
View file

@ -5,33 +5,6 @@
border-left: 1px solid @gray-dark;
background-color: @gray-light;
right: 0;
/*menuText*/
.toolbar-btn-icon(btn-menu-text, 64, @toolbar-icon-size);
/*menuImage*/
.toolbar-btn-icon(btn-menu-image, 34, @toolbar-icon-size);
/*menuChart*/
.toolbar-btn-icon(btn-menu-chart, 36, @toolbar-icon-size);
/*menuShape*/
.toolbar-btn-icon(btn-menu-shape, 47, @toolbar-icon-size);
/*menuTextArt*/
.toolbar-btn-icon(btn-menu-textart, 66, @toolbar-icon-size);
/*menuTable*/
.toolbar-btn-icon(btn-menu-table, 80, @toolbar-icon-size);
/**menuSignature*/
.toolbar-btn-icon(btn-menu-signature, 83, @toolbar-icon-size);
/*menuPivot*/
.toolbar-btn-icon(btn-menu-pivot, 87, @toolbar-icon-size);
/*menuCell*/
.toolbar-btn-icon(btn-menu-cell, 88, @toolbar-icon-size);
}
}
@ -105,6 +78,27 @@
}
}
/*menuText*/
.button-normal-icon(btn-menu-text, 64, @toolbar-icon-size);
/*menuImage*/
.button-normal-icon(btn-menu-image, 34, @toolbar-icon-size);
/*menuChart*/
.button-normal-icon(btn-menu-chart, 36, @toolbar-icon-size);
/*menuShape*/
.button-normal-icon(btn-menu-shape, 47, @toolbar-icon-size);
/*menuTextArt*/
.button-normal-icon(btn-menu-textart, 66, @toolbar-icon-size);
/*menuTable*/
.button-normal-icon(btn-menu-table, 80, @toolbar-icon-size);
/**menuSignature*/
.button-normal-icon(btn-menu-signature, 83, @toolbar-icon-size);
/*menuPivot*/
.button-normal-icon(btn-menu-pivot, 87, @toolbar-icon-size);
/*menuCell*/
.button-normal-icon(btn-menu-cell, 88, @toolbar-icon-size);
.button-otherstates-icon2(btn-category, @toolbar-icon-size);
.btn-toolbar:not(.x-huge) .icon:not(svg).btn-borders-small {
.background-ximage('@{common-image-path}/right-panels/SmallBorders.png', '@{common-image-path}/right-panels/SmallBorders@2x.png', 84px);
}