MirrorSave
/
budibase
mirror of https://github.com/Budibase/budibase.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Only highlight style changes for the currently selected state (normal / hover)

This commit is contained in:
Andrew Kingston 2021-01-06 11:57:34 +00:00
parent 7b82896cf1
commit 2cd2fba342
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/builder/src/components/userInterface/PropertyGroup.svelte
View File

@ -10,7 +10,7 @@
export let onStyleChanged = () => {} export let onStyleChanged = () => {}
export let open = false export let open = false
const hasPropChanged = prop => { const hasPropChanged = (style, prop) => {
// TODO: replace color picker with one that works better. // TODO: replace color picker with one that works better.
// Currently it cannot support null values, so this is a hack which // Currently it cannot support null values, so this is a hack which
// prevents the color fields from always being marked as changed // prevents the color fields from always being marked as changed
@ -23,7 +23,7 @@
} }
$: style = componentInstance["_styles"][styleCategory] || {} $: style = componentInstance["_styles"][styleCategory] || {}
$: changed = properties.some(prop => hasPropChanged(prop)) $: changed = properties.some(prop => hasPropChanged(style, prop))
</script> </script>
<DetailSummary name={`${name}${changed ? ' *' : ''}`} on:open show={open} thin> <DetailSummary name={`${name}${changed ? ' *' : ''}`} on:open show={open} thin>
@ -31,7 +31,7 @@
<div> <div>
{#each properties as prop} {#each properties as prop}
<PropertyControl <PropertyControl
label={`${prop.label}${hasPropChanged(prop) ? ' *' : ''}`} label={`${prop.label}${hasPropChanged(style, prop) ? ' *' : ''}`}
control={prop.control} control={prop.control}
key={prop.key} key={prop.key}
value={style[prop.key]} value={style[prop.key]}