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

[themes] fixed icons

Browse source
This commit is contained in:
Maxim Kadushkin 2021-09-25 01:33:02 +03:00
parent a957d80cf6
commit 98c06bbac5
1 changed files with 24 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
apps/common/forms/resources/less/common.less
View file

@ -218,7 +218,13 @@
display: block; display: block;
width: 100px; width: 100px;
height: 24px; height: 24px;
background: data-uri('../../../../common/forms/resources/img/logo.svg') no-repeat; background: data-uri('../../../../common/main/resources/img/header/dark-logo_s.svg') no-repeat;
}
.theme-dark {
.brand-logo {
background: data-uri('../../../../common/main/resources/img/header/header-logo_s.svg') no-repeat;
}
} }
.btn-text-default { .btn-text-default {
@ -415,21 +421,28 @@
@icon-width: 20px; @icon-width: 20px;
@icon-height: 20px; @icon-height: 20px;
.theme-dark {
@neg-value: -@icon-height;
--icon-normal-top: @neg-value;
}
@icon-normal-top: var(--icon-normal-top, 0);
.svg-icon { .svg-icon {
background: data-uri('../../../../common/forms/resources/img/icon-menu-sprite.svg') no-repeat; background: data-uri('../../../../common/forms/resources/img/icon-menu-sprite.svg') no-repeat;
background-size: @icon-width*19 @icon-height*2; background-size: @icon-width*19 @icon-height*2;
&.download { &.download {
background-position: -@icon-width 0; background-position: -@icon-width @icon-normal-top;
} }
&.share { &.share {
background-position: -@icon-width*2 0; background-position: -@icon-width*2 @icon-normal-top;
} }
&.embed { &.embed {
background-position: -@icon-width*3 0; background-position: -@icon-width*3 @icon-normal-top;
} }
&.fullscr { &.fullscr {
background-position: -@icon-width*4 0; background-position: -@icon-width*4 @icon-normal-top;
} }
&.zoom-up { &.zoom-up {
background-position: -@icon-width*5 -@icon-height; background-position: -@icon-width*5 -@icon-height;
@ -453,23 +466,23 @@
} }
&.print { &.print {
background-position: -@icon-width*11 0; background-position: -@icon-width*11 @icon-normal-top;
} }
&.arrow-up { &.arrow-up {
background-position: -@icon-width*17 0; background-position: -@icon-width*17 @icon-normal-top;
} }
&.arrow-down { &.arrow-down {
background-position: -@icon-width*16 0; background-position: -@icon-width*16 @icon-normal-top;
} }
&.clear-style { &.clear-style {
background-position: -@icon-width*12 0; background-position: -@icon-width*12 @icon-normal-top;
} }
&.go-to-location { &.go-to-location {
background-position: -@icon-width*15 0; background-position: -@icon-width*15 @icon-normal-top;
} }
&.more-vertical { &.more-vertical {
background-position: -@icon-width*14 0; background-position: -@icon-width*14 @icon-normal-top;
} }
} }