[themes] fix bug 49481

This commit is contained in:
Maxim Kadushkin 2021-05-06 17:47:28 +03:00
parent 4ea1f0f1d5
commit 2df14e5a4e
3 changed files with 7 additions and 6 deletions

View file

@ -3,7 +3,7 @@
&.active, &:active { &.active, &:active {
&:not(:disabled):not(.disabled) { &:not(:disabled):not(.disabled) {
.toolbar__icon { .toolbar__icon {
@btn-active-icon-offset: 0; @btn-active-icon-offset: -20px;
background-position-x: @btn-active-icon-offset; background-position-x: @btn-active-icon-offset;
background-position-x: var(--button-small-active-icon-offset-x, 0); background-position-x: var(--button-small-active-icon-offset-x, 0);
@ -13,12 +13,13 @@
} }
.menu__icon { .menu__icon {
.no-checkmark.checked & { .no-checkmark.checked & {
background-position-x: 0; background-position-x: -20px;
background-position-x: @menu-icon-item-checked-offset-x; background-position-x: @menu-icon-item-checked-offset-x;
} }
} }
.toolbar__icon, .menu__icon { .toolbar__icon, .menu__icon {
background-image: url(resources/{{{escaped_image}}}); background-image: url(resources/{{{escaped_image}}});
background-size: 40px auto;
} }
{{/spritesheet}} {{/spritesheet}}
{{#sprites}} {{#sprites}}

View file

@ -4,7 +4,7 @@
&.active, &:active { &.active, &:active {
&:not(:disabled):not(.disabled) { &:not(:disabled):not(.disabled) {
.toolbar__icon { .toolbar__icon {
background-position-x: 0; background-position-x: -28px;
background-position-x: var(--button-xhuge-active-icon-offset-x,0); background-position-x: var(--button-xhuge-active-icon-offset-x,0);
} }
} }
@ -14,7 +14,7 @@
&.active, &:active { &.active, &:active {
&:not(:disabled):not(.disabled) { &:not(:disabled):not(.disabled) {
.toolbar__icon.toolbar__icon-big { .toolbar__icon.toolbar__icon-big {
background-position-x: 0; background-position-x: -28px;
background-position-x: var(--button-xhuge-active-icon-offset-x,0); background-position-x: var(--button-xhuge-active-icon-offset-x,0);
} }
} }

View file

@ -1,14 +1,14 @@
{{#spritesheet}} {{#spritesheet}}
.btn { .btn {
.options__icon.options__icon-huge { .options__icon.options__icon-huge {
background-position-x: 0; background-position-x: -40px;
background-position-x: var(--button-huge-normal-icon-offset-x,0); background-position-x: var(--button-huge-normal-icon-offset-x,0);
} }
&.active, &:active { &.active, &:active {
&:not(:disabled):not(.disabled) { &:not(:disabled):not(.disabled) {
.options__icon.options__icon-huge { .options__icon.options__icon-huge {
@btn-active-icon-offset: 0; @btn-active-icon-offset: -40px;
background-position-x: @btn-active-icon-offset; background-position-x: @btn-active-icon-offset;
background-position-x: var(--button-huge-active-icon-offset-x,0); background-position-x: var(--button-huge-active-icon-offset-x,0);
} }