[PE] Change button styles

This commit is contained in:
Julia Radzhabova 2019-07-15 16:27:39 +03:00
parent 010520dd55
commit bfb2625fff
2 changed files with 22 additions and 27 deletions

View file

@ -7,29 +7,22 @@
.tool-menu-btns { .tool-menu-btns {
border-right: 1px solid @gray-dark; border-right: 1px solid @gray-dark;
.toolbar-btn-icon(btn-menu-file, 49, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-search, 50, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-thumbs, 51, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-comments, 52, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-chat, 53, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-about, 55, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-support, 68, @toolbar-icon-size);
.toolbar-btn-icon(btn-menu-plugin, 73, @toolbar-icon-size);
button.notify .btn-menu-chat,
button.notify.over > .btn-menu-chat {background-position: -0*@toolbar-icon-size -54*@toolbar-icon-size;}
button.notify:active > .btn-menu-chat {background-position: -1*@toolbar-icon-size -54*@toolbar-icon-size;}
button.notify.disabled > .btn-menu-chat {background-position: -2*@toolbar-icon-size -54*@toolbar-icon-size;}
button.notify .btn-menu-comments,
button.notify.over > .btn-menu-comments {background-position: -0*@toolbar-icon-size -70*@toolbar-icon-size;}
button.notify:active > .btn-menu-comments {background-position: -1*@toolbar-icon-size -70*@toolbar-icon-size;}
button.notify.disabled > .btn-menu-comments {background-position: -2*@toolbar-icon-size -70*@toolbar-icon-size;}
} }
} }
} }
button.notify .btn-menu-chat {background-position: -0*@toolbar-icon-size -54*@toolbar-icon-size;}
button.notify .btn-menu-comments {background-position: -0*@toolbar-icon-size -70*@toolbar-icon-size;}
.button-normal-icon(btn-menu-file, 49, @toolbar-icon-size);
.button-normal-icon(btn-menu-search, 50, @toolbar-icon-size);
.button-normal-icon(btn-menu-thumbs, 51, @toolbar-icon-size);
.button-normal-icon(btn-menu-comments, 52, @toolbar-icon-size);
.button-normal-icon(btn-menu-chat, 53, @toolbar-icon-size);
.button-normal-icon(btn-menu-about, 55, @toolbar-icon-size);
.button-normal-icon(btn-menu-support, 68, @toolbar-icon-size);
.button-normal-icon(btn-menu-plugin, 73, @toolbar-icon-size);
#left-menu { #left-menu {
&+.layout-resizer { &+.layout-resizer {
border-left: 0 none; border-left: 0 none;

View file

@ -7,28 +7,28 @@
right: 0; right: 0;
/*menuText*/ /*menuText*/
.toolbar-btn-icon(btn-menu-text, 40, @toolbar-icon-size); .button-normal-icon(btn-menu-text, 40, @toolbar-icon-size);
/*menuImage*/ /*menuImage*/
.toolbar-btn-icon(btn-menu-image, 43, @toolbar-icon-size); .button-normal-icon(btn-menu-image, 43, @toolbar-icon-size);
/*menuTable*/ /*menuTable*/
.toolbar-btn-icon(btn-menu-table, 42, @toolbar-icon-size); .button-normal-icon(btn-menu-table, 42, @toolbar-icon-size);
/*menuChart*/ /*menuChart*/
.toolbar-btn-icon(btn-menu-chart, 44, @toolbar-icon-size); .button-normal-icon(btn-menu-chart, 44, @toolbar-icon-size);
/*menuSlide*/ /*menuSlide*/
.toolbar-btn-icon(btn-menu-slide, 56, @toolbar-icon-size); .button-normal-icon(btn-menu-slide, 56, @toolbar-icon-size);
/*menuShape*/ /*menuShape*/
.toolbar-btn-icon(btn-menu-shape, 39, @toolbar-icon-size); .button-normal-icon(btn-menu-shape, 39, @toolbar-icon-size);
/*menuTextArt*/ /*menuTextArt*/
.toolbar-btn-icon(btn-menu-textart, 57, @toolbar-icon-size); .button-normal-icon(btn-menu-textart, 57, @toolbar-icon-size);
/**menuSignature*/ /**menuSignature*/
.toolbar-btn-icon(btn-menu-signature, 77, @toolbar-icon-size); .button-normal-icon(btn-menu-signature, 77, @toolbar-icon-size);
} }
} }
@ -123,6 +123,8 @@
.button-normal-icon(btn-position-inner-vert, 8, 21px); .button-normal-icon(btn-position-inner-vert, 8, 21px);
.button-normal-icon(btn-position-right, 9, 21px); .button-normal-icon(btn-position-right, 9, 21px);
.button-otherstates-icon2(btn-category, @toolbar-icon-size);
.button-otherstates-icon(btn-borders-small, 21px); .button-otherstates-icon(btn-borders-small, 21px);
.btn-edit-table, .btn-edit-table,