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

bug-50355

Browse source
This commit is contained in:
OVSharova 2022-11-24 12:10:20 +03:00
parent f1506d95b9
commit 5b2f99e03b
1 changed files with 12 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

33
apps/common/main/resources/less/hsb-colorpicker.less
View file

@ -42,7 +42,7 @@
display: inline-block; display: inline-block;
width: 10px; width: 10px;
height: 196px; height: 196px;
margin: 0 8px; margin: 0 8px 0 10px;
} }
.cnt-sat { .cnt-sat {
@ -51,7 +51,7 @@
position: relative; position: relative;
border: @scaled-one-px-value-ie solid @border-regular-control-ie; border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control; border: @scaled-one-px-value solid @border-regular-control;
background-position: -195px 0; background-position: -196px 0;
} }
.cnt-hb-arrow { .cnt-hb-arrow {
@ -81,7 +81,7 @@
margin-left: -4px; margin-left: -4px;
margin-left: calc(-3px - @scaled-one-px-value); margin-left: calc(-3px - @scaled-one-px-value);
position: absolute; position: absolute;
@minus-px: calc(-1px / @pixel-ratio-factor); overflow: hidden;
&:before,&:after{ &:before,&:after{
content: ''; content: '';
position: absolute; position: absolute;
@ -92,35 +92,26 @@
} }
&:before{ &:before{
width: 16px; width: 16px;
width: calc(15px + @scaled-one-px-value); border-width: 6px;
border-width: 6px 6px 6px 6px; border-color: transparent white transparent #fff;
border-width: 6px calc(6px + @scaled-one-px-value) 6px calc(6px + @scaled-one-px-value); box-shadow: -2px 0px 0px 0px white, 2px 0px 0px 0px #fff;
border-color: transparent white transparent white;
box-shadow: -2px 0px 0px 0px white, 2px 0px 0px 0px white;
box-shadow: calc(-1px + @minus-px) 0px 0px 0px white, calc(3px - @scaled-one-px-value) 0px 0px 0px white;
border-radius: @scaled-one-px-value-ie; border-radius: @scaled-one-px-value-ie;
border-radius: @scaled-one-px-value; border-radius: @scaled-one-px-value;
top: 0px; top: 0px;
left: 2px; left: 2px;
left: calc(1px + @scaled-one-px-value);
} }
&:after{ &:after{
width: 16px; width: 16px;
width: calc(15px + @scaled-one-px-value); border-width: 5px 4.5px;
border-width: 5px 5px 5px 5px; border-color: transparent black transparent #000;
border-width: calc(4px + @scaled-one-px-value); box-shadow: -1px 0px 0px 0px black, 1px 0px 0px 0px #000;
border-color: transparent black transparent black;
box-shadow: -1px 0px 0px 0px black, 1px 0px 0px 0px black;
box-shadow: @minus-px 0px 0px 0px black, @scaled-one-px-value 0px 0px 0px black;
position: absolute; position: absolute;
top: @scaled-one-px-value-ie; top: @scaled-one-px-value-ie;
left: @scaled-one-px-value-ie; top: @scaled-one-px-value;
top: calc(2px - @scaled-one-px-value); left: 2px;
left: calc(3px - @scaled-one-px-value);
} }
//background-position: -12px -196px;
} }
.empty-color { .empty-color {