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

[all] changed scroller theme colors

Browse source
This commit is contained in:
Maxim Kadushkin 2021-07-01 16:58:57 +03:00
parent aa7703b7ca
commit 39b365a370
3 changed files with 17 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
apps/common/main/resources/less/colors-table-ie-fix.less
View file

@ -49,6 +49,9 @@
@icon-contrast-popover-ie: #fff; @icon-contrast-popover-ie: #fff;
@icon-success-ie: #5b9f27; @icon-success-ie: #5b9f27;
@canvas-scroll-thumb-hover-ie: #c0c0c0;
@canvas-scroll-thumb-border-hover-ie: #cbcbcb;
@button-header-normal-icon-offset-x-ie: -20px; @button-header-normal-icon-offset-x-ie: -20px;
@button-header-active-icon-offset-x-ie: -20px; @button-header-active-icon-offset-x-ie: -20px;
@scaled-one-px-value-ie: 1px; @scaled-one-px-value-ie: 1px;

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

@ -232,3 +232,5 @@
@canvas-background: var(--canvas-background); @canvas-background: var(--canvas-background);
@canvas-content-background: var(--canvas-content-background); @canvas-content-background: var(--canvas-content-background);
@canvas-page-border: var(--canvas-page-border); @canvas-page-border: var(--canvas-page-border);
@canvas-scroll-thumb-hover: var(--canvas-scroll-thumb-hover);
@canvas-scroll-thumb-border-hover: var(--canvas-scroll-thumb-border-hover);

24
apps/common/main/resources/less/scroller.less
View file

@ -46,8 +46,8 @@
.hover { .hover {
.ps-scrollbar-x { .ps-scrollbar-x {
&.always-visible-x { &.always-visible-x {
background-color: @border-regular-control-ie; background-color: @canvas-scroll-thumb-hover-ie;
background-color: @border-regular-control; background-color: @canvas-scroll-thumb-hover;
background-position: center -7px; background-position: center -7px;
} }
} }
@ -56,10 +56,10 @@
&.in-scrolling { &.in-scrolling {
.ps-scrollbar-x { .ps-scrollbar-x {
&.always-visible-x { &.always-visible-x {
background-color: @border-regular-control-ie; background-color: @canvas-scroll-thumb-hover-ie;
background-color: @border-regular-control; background-color: @canvas-scroll-thumb-hover;
border-color: @border-regular-control-ie; border-color: @canvas-scroll-thumb-border-hover-ie;
border-color: @border-regular-control; border-color: @canvas-scroll-thumb-border-hover;
background-position: center -7px; background-position: center -7px;
} }
} }
@ -115,8 +115,8 @@
.ps-scrollbar-y { .ps-scrollbar-y {
&.always-visible-y { &.always-visible-y {
background-color: @border-regular-control-ie; background-color: @canvas-scroll-thumb-hover-ie;
background-color: @border-regular-control; background-color: @canvas-scroll-thumb-hover;
background-position: -7px center; background-position: -7px center;
} }
} }
@ -128,10 +128,10 @@
.ps-scrollbar-y { .ps-scrollbar-y {
&.always-visible-y { &.always-visible-y {
background-color: @border-regular-control-ie; background-color: @canvas-scroll-thumb-hover-ie;
background-color: @border-regular-control; background-color: @canvas-scroll-thumb-hover;
border-color: @border-regular-control-ie; border-color: @canvas-scroll-thumb-border-hover-ie;
border-color: @border-regular-control; border-color: @canvas-scroll-thumb-border-hover;
background-position: -7px center; background-position: -7px center;
} }
} }