pengjunjie/web-apps
1
0
Fork 1
mirror of https://github.com/ONLYOFFICE/web-apps.git synced 2026-07-25 11:47:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #2505 from ONLYOFFICE/feature/color-picker-with-css-gradients

Browse Source 
HSBColorPicker gradients
This commit is contained in:
Julia Radzhabova
2023-07-27 18:06:33 +03:00
committed by GitHub
parent 722295d3e0 5c64fee914
commit 3fa917da48
2 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/common/main/lib/component/HSBColorPicker.js
View File

@ -118,8 +118,11 @@ define([
}
}
if (areaSatBrightness.length>0)
areaSatBrightness.css('background-color', new Common.Utils.RGBColor('hsb('+hueVal+', 100, 100)').toHex());
if (areaSatBrightness.length>0) {
var fillColor = new Common.Utils.RGBColor('hsb(' + hueVal + ', 100, 100)');
var background = 'linear-gradient(rgba(255,255,255,0), #000), linear-gradient(-90deg,' + fillColor.toRGB() + ','+ fillColor.toRGBA(0) +'), linear-gradient(#fff, #fff)';
areaSatBrightness.css('background', background);
}
if (previewColorText.length>0)
previewColorText[0].innerHTML = (me.color == 'transparent') ? me.textNoColor : me.color.toUpperCase();

4
apps/common/main/resources/less/hsb-colorpicker.less
View File

@ -35,7 +35,7 @@
width: 195px;
height: 196px;
position: relative;
background-position: 0 0;
background-image: none;
}
.cnt-root {
@ -51,7 +51,7 @@
position: relative;
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
background-position: -196px 0;
background: linear-gradient(#f00, #ff0, #0f0, #0ff, #00f, #f0f, #f00);
}
.cnt-hb-arrow {