ami/tl-vikunja
1
0
Fork 0
Code

fix(color picker): when picking a color, the color picker should not be black afterwards

Browse Source
This commit is contained in:
kolaente 2024-01-21 20:25:19 +01:00
parent b8c21c2ade
commit c7b70844c6
No known key found for this signature in database
GPG Key ID: F40E70337AB24C9B
2 changed files with 10 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/input/ColorPicker.vue
View File

@ -64,6 +64,15 @@ const emit = defineEmits(['update:modelValue'])
watch( watch(
() => modelValue, () => modelValue,
(newValue) => { (newValue) => {
if (newValue === '' || newValue.startsWith('var(')) {
color.value = ''
return
}
if (!newValue.startsWith('#') && (newValue.length === 6 || newValue.length === 3)) {
newValue = `#${newValue}`
}
color.value = newValue color.value = newValue
}, },
{immediate: true}, {immediate: true},

2
src/models/label.ts
View File

@ -24,7 +24,7 @@ export default class LabelModel extends AbstractModel<ILabel> implements ILabel
super() super()
this.assignData(data) this.assignData(data)
if (this.hexColor !== '' && this.hexColor.substring(0, 1) !== '#') { if (this.hexColor !== '' && !this.hexColor.startsWith('#') && !this.hexColor.startsWith('var(')) {
this.hexColor = '#' + this.hexColor this.hexColor = '#' + this.hexColor
} }