diff --git a/apps/common/main/resources/img/toolbar/1x/.css.handlebars b/apps/common/main/resources/img/toolbar/1x/.css.handlebars index 73e7a0dc0..ab6f1853c 100644 --- a/apps/common/main/resources/img/toolbar/1x/.css.handlebars +++ b/apps/common/main/resources/img/toolbar/1x/.css.handlebars @@ -3,7 +3,7 @@ &.active, &:active { &:not(:disabled):not(.disabled) { .toolbar__icon { - @btn-active-icon-offset: 0; + @btn-active-icon-offset: -20px; background-position-x: @btn-active-icon-offset; background-position-x: var(--button-small-active-icon-offset-x, 0); @@ -13,12 +13,13 @@ } .menu__icon { .no-checkmark.checked & { - background-position-x: 0; + background-position-x: -20px; background-position-x: @menu-icon-item-checked-offset-x; } } .toolbar__icon, .menu__icon { background-image: url(resources/{{{escaped_image}}}); + background-size: 40px auto; } {{/spritesheet}} {{#sprites}} diff --git a/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars b/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars index 1479c86a4..cb248958a 100644 --- a/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars +++ b/apps/common/main/resources/img/toolbar/1x/big/.css.handlebars @@ -4,7 +4,7 @@ &.active, &:active { &:not(:disabled):not(.disabled) { .toolbar__icon { - background-position-x: 0; + background-position-x: -28px; background-position-x: var(--button-xhuge-active-icon-offset-x,0); } } @@ -14,7 +14,7 @@ &.active, &:active { &:not(:disabled):not(.disabled) { .toolbar__icon.toolbar__icon-big { - background-position-x: 0; + background-position-x: -28px; background-position-x: var(--button-xhuge-active-icon-offset-x,0); } } diff --git a/apps/common/main/resources/img/toolbar/1x/huge/.css.handlebars b/apps/common/main/resources/img/toolbar/1x/huge/.css.handlebars index 58fd2acc4..098d16ed0 100644 --- a/apps/common/main/resources/img/toolbar/1x/huge/.css.handlebars +++ b/apps/common/main/resources/img/toolbar/1x/huge/.css.handlebars @@ -1,14 +1,14 @@ {{#spritesheet}} .btn { .options__icon.options__icon-huge { - background-position-x: 0; + background-position-x: -40px; background-position-x: var(--button-huge-normal-icon-offset-x,0); } &.active, &:active { &:not(:disabled):not(.disabled) { .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: var(--button-huge-active-icon-offset-x,0); }