CodeMirror/budibase
1
0
Fork 0
mirror of synced 2024-07-07 23:35:49 +12:00
Code Issues Projects Releases Wiki Activity

Add fontend store method to reset styles and delete unset styles when updating styles

Browse source
This commit is contained in:
Andrew Kingston 2021-01-05 11:44:58 +00:00
parent 1a1aa5963d
commit faa090f6f1
1 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
packages/builder/src/builderStore/store/frontend.js
View file

@ -23,6 +23,7 @@ import {
getComponentDefinition, getComponentDefinition,
findParent, findParent,
} from "../storeUtils" } from "../storeUtils"
import { defaults } from "../../components/userInterface/propertyCategories"
const INITIAL_FRONTEND_STATE = { const INITIAL_FRONTEND_STATE = {
apps: [], apps: [],
@ -367,20 +368,27 @@ export const getFrontendStore = () => {
}, },
updateStyle: async (type, name, value) => { updateStyle: async (type, name, value) => {
const selected = get(selectedComponent) const selected = get(selectedComponent)
if (!selected._styles) { if (value == null || value === "") {
selected._styles = {} delete selected._styles[type][name]
} } else {
selected._styles[type][name] = value selected._styles[type][name] = value
}
await store.actions.preview.saveSelected() await store.actions.preview.saveSelected()
}, },
updateCustomStyle: async style => { updateCustomStyle: async style => {
const selected = get(selectedComponent) const selected = get(selectedComponent)
if (!selected._styles) {
selected._styles = {}
}
selected._styles.custom = style selected._styles.custom = style
await store.actions.preview.saveSelected() await store.actions.preview.saveSelected()
}, },
resetStyles: async () => {
const selected = get(selectedComponent)
selected._styles = {
normal: defaults,
hover: defaults,
active: defaults,
}
await store.actions.preview.saveSelected()
},
updateProp: (name, value) => { updateProp: (name, value) => {
store.update(state => { store.update(state => {
let current_component = get(selectedComponent) let current_component = get(selectedComponent)