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

[common] stylesheets refactoring

Browse source
This commit is contained in:
Maxim Kadushkin 2021-02-17 13:41:33 +03:00
parent b905e53fdf
commit 9756209cb8
6 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
apps/common/main/resources/img/toolbar/1x/big/.css.handlebars
View file

@ -5,7 +5,7 @@
&:not(:disabled):not(.disabled) {
.toolbar__icon {
background-position-x: 0;
background-position-x: var(--button-huge-active-icon-offset-x,0);
background-position-x: var(--button-xhuge-active-icon-offset-x,0);
}
}
}
@ -15,7 +15,7 @@
&:not(:disabled):not(.disabled) {
.toolbar__icon.toolbar__icon-big {
background-position-x: 0;
background-position-x: var(--button-huge-active-icon-offset-x,0);
background-position-x: var(--button-xhuge-active-icon-offset-x,0);
}
}
}

3
apps/common/main/resources/img/toolbar/1x/huge/.css.handlebars
View file

@ -3,8 +3,9 @@
&.active, &:active {
&:not(:disabled):not(.disabled) {
.options__icon.options__icon-huge {
@btn-active-icon-offset: -40px;
@btn-active-icon-offset: 0;
background-position-x: @btn-active-icon-offset;
background-position-x: var(--button-huge-active-icon-offset-x,0);
}
}
}

2
apps/common/main/resources/less/buttons.less
View file

@ -284,7 +284,7 @@
.icon-top {
&.x-huge {
.btn&, .btn-group& .btn-toolbar {
.mx-button-otherstates-icon2(@button-huge-active-icon-offset-x);
.mx-button-otherstates-icon2(@button-xhuge-active-icon-offset-x);
}
.btn.small {

6
apps/common/main/resources/less/colors-table-dark.less
View file

@ -97,8 +97,10 @@
--button-small-active-icon-offset-x: -20px;
--button-large-normal-icon-offset-x: -31px;
--button-large-active-icon-offset-x: -31px;
--button-huge-normal-icon-offset-x: -28px;
--button-huge-active-icon-offset-x: -28px;
--button-huge-normal-icon-offset-x: -40px;
--button-huge-active-icon-offset-x: -40px;
--button-xhuge-normal-icon-offset-x: -28px;
--button-xhuge-active-icon-offset-x: -28px;
--modal-window-mask-opacity: 0.6;
--image-border-types-filter: invert(100%) brightness(4);

6
apps/common/main/resources/less/colors-table.less
View file

@ -110,6 +110,8 @@
//--button-large-active-icon-offset-x: 0;
//--button-huge-normal-icon-offset-x: 0;
//--button-huge-active-icon-offset-x: 0;
//--button-xhuge-normal-icon-offset-x: 0;
//--button-xhuge-active-icon-offset-x: 0;
--button-header-normal-icon-offset-x: -20px;
--button-header-active-icon-offset-x: -20px;
//--menu-icon-item-checked-offset-x: 0;
@ -179,8 +181,8 @@
@button-small-active-icon-offset-x: var(--button-small-active-icon-offset-x,0);
@button-large-normal-icon-offset-x: var(--button-large-normal-icon-offset-x, 0);
@button-large-active-icon-offset-x: var(--button-large-active-icon-offset-x, 0);
@button-huge-normal-icon-offset-x: var(--button-huge-normal-icon-offset-x, 0);
@button-huge-active-icon-offset-x: var(--button-huge-active-icon-offset-x, 0);
@button-xhuge-normal-icon-offset-x: var(--button-xhuge-normal-icon-offset-x, 0);
@button-xhuge-active-icon-offset-x: var(--button-xhuge-active-icon-offset-x, 0);
@button-header-normal-icon-offset-x: var(--button-header-normal-icon-offset-x, -20px);
@button-header-active-icon-offset-x: var(--button-header-active-icon-offset-x, -20px);

16
apps/documenteditor/main/resources/less/rightmenu.less
View file

@ -25,16 +25,16 @@
.button-normal-icon(btn-colontitul-bc, 7, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-colontitul-br, 8, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-wrap-none, 9, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-wrap-parallel, 10, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-wrap-none, 9, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-normal-icon(btn-wrap-parallel, 10, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-normal-icon(btn-table-align-left, 0, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-table-align-center, 1, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-table-align-right, 2, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-table-align-left, 0, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-normal-icon(btn-table-align-center, 1, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-normal-icon(btn-table-align-right, 2, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-normal-icon(btn-frame-inline, 9, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-frame-flow, 10, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-frame-none, 11, @huge-icon-size, @button-huge-normal-icon-offset-x);
.button-normal-icon(btn-frame-inline, 9, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-normal-icon(btn-frame-flow, 10, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-normal-icon(btn-frame-none, 11, @huge-icon-size, @button-xhuge-normal-icon-offset-x);
.button-otherstates-icon(icon-right-panel, @huge-icon-size);