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

Update CSS conditional UI

This commit is contained in:
Mel O'Hagan 2022-08-22 16:45:59 +01:00
parent 6c6dd76c4c
commit 075611b2fa
2 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/builder/src/pages/builder/app/[application]/design/[screenId]/components/[componentId]/_components/settings/ConditionalUIDrawer.svelte
View File

@ -56,7 +56,11 @@
] ]
let dragDisabled = true let dragDisabled = true
$: settings = getComponentSettings($selectedComponent?._component) $: settings = getComponentSettings($selectedComponent?._component)?.concat({
label: "CSS",
key: "css",
type: "text",
})
$: settingOptions = settings.map(setting => ({ $: settingOptions = settings.map(setting => ({
label: setting.label, label: setting.label,
value: setting.key, value: setting.key,

3
packages/client/src/components/Component.svelte
View File

@ -379,6 +379,9 @@
// initial props are up to date. By setting it this way rather than // initial props are up to date. By setting it this way rather than
// setting it on initialSettings directly, we avoid a double render. // setting it on initialSettings directly, we avoid a double render.
cachedSettings[key] = allSettings[key] cachedSettings[key] = allSettings[key]
if (key === "css") {
instance._styles.custom = cachedSettings[key]
}
if (ref?.$$set) { if (ref?.$$set) {
// Programmatically set the prop to avoid svelte reactive statements // Programmatically set the prop to avoid svelte reactive statements