jess
/
Graphite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor CSS custom property rename for accuracy

This commit is contained in:
Keavon Chambers 2021-05-27 15:03:49 -07:00
parent b56dfd746f
commit a11892db70
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
client/web/src/components/popovers/ColorPicker.vue
View File

@ -14,14 +14,14 @@
<style lang="scss"> <style lang="scss">
.popover-color-picker { .popover-color-picker {
--saturation-picker-color: #ff0000; --saturation-picker-hue: #ff0000;
--opacity-picker-color: #ff0000; --opacity-picker-color: #ff0000;
display: flex; display: flex;
.saturation-picker { .saturation-picker {
width: 256px; width: 256px;
background-blend-mode: multiply; background-blend-mode: multiply;
background: linear-gradient(to bottom, #ffffff, #000000), linear-gradient(to right, #ffffff, var(--saturation-picker-color)); background: linear-gradient(to bottom, #ffffff, #000000), linear-gradient(to right, #ffffff, var(--saturation-picker-hue));
position: relative; position: relative;
} }
@ -277,7 +277,7 @@ export default defineComponent({
updateHue() { updateHue() {
const { colorPicker } = this.$data._; const { colorPicker } = this.$data._;
let color = hsvToRgb({ h: colorPicker.color.h, s: 1, v: 255, a: 1 }); let color = hsvToRgb({ h: colorPicker.color.h, s: 1, v: 255, a: 1 });
this.$el.style.setProperty("--saturation-picker-color", `rgb(${color.r}, ${color.g}, ${color.b})`); this.$el.style.setProperty("--saturation-picker-hue", `rgb(${color.r}, ${color.g}, ${color.b})`);
color = hsvToRgb(colorPicker.color); color = hsvToRgb(colorPicker.color);
this.$el.style.setProperty("--opacity-picker-color", `rgb(${color.r}, ${color.g}, ${color.b})`); this.$el.style.setProperty("--opacity-picker-color", `rgb(${color.r}, ${color.g}, ${color.b})`);
}, },