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-22 14:42:43 +03:00
parent 56e0e525a6
commit f1506d95b9
2 changed files with 41 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/common/main/lib/component/HSBColorPicker.js
View file

@ -60,7 +60,7 @@ define([
'<% if (this.changeSaturation) { %>'+ '<% if (this.changeSaturation) { %>'+
'<div class="cnt-root">'+ '<div class="cnt-root">'+
'<div class="cnt-sat img-colorpicker">'+ '<div class="cnt-sat img-colorpicker">'+
'<div class="cnt-sat-arrow img-colorpicker"></div>'+ '<div class="cnt-sat-arrow"></div>'+
'</div>'+ '</div>'+
'</div>'+ '</div>'+
'<% } %>'+ '<% } %>'+

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

@ -81,7 +81,46 @@
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;
background-position: -12px -196px; @minus-px: calc(-1px / @pixel-ratio-factor);
&:before,&:after{
content: '';
position: absolute;
height: 0;
display: inline-block;
border-style: solid;
}
&:before{
width: 16px;
width: calc(15px + @scaled-one-px-value);
border-width: 6px 6px 6px 6px;
border-width: 6px calc(6px + @scaled-one-px-value) 6px calc(6px + @scaled-one-px-value);
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;
top: 0px;
left: 2px;
left: calc(1px + @scaled-one-px-value);
}
&:after{
width: 16px;
width: calc(15px + @scaled-one-px-value);
border-width: 5px 5px 5px 5px;
border-width: calc(4px + @scaled-one-px-value);
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;
top: @scaled-one-px-value-ie;
left: @scaled-one-px-value-ie;
top: calc(2px - @scaled-one-px-value);
left: calc(3px - @scaled-one-px-value);
}
//background-position: -12px -196px;
} }
.empty-color { .empty-color {