diff --git a/src/core/editor.ts b/src/core/editor.ts index 2af8ba4..2077b8f 100644 --- a/src/core/editor.ts +++ b/src/core/editor.ts @@ -92,11 +92,13 @@ class EditorClass { { name: 'boundsAlignH', typeHint: 'valueList', values: ['left', 'center', 'right'] }, { name: 'boundsAlignV', typeHint: 'valueList', values: ['top', 'middle', 'bottom'] }, { name: 'shadowBlur', typeHint: 'number', data: { min: 0, step: 0.1 } }, - { name: 'shadowColor', typeHint: 'cssColor' }, + { name: 'shadowColor', typeHint: 'string' }, { name: 'shadowOffsetX', typeHint: 'number', data: { min: 0, step: 0.1 } }, { name: 'shadowOffsetY', typeHint: 'number', data: { min: 0, step: 0.1 } }, { name: 'shadowFill', typeHint: 'boolean' }, { name: 'shadowStroke', typeHint: 'boolean' }, + { name: 'stroke', typeHint: 'string' }, + { name: 'strokeThickness', typeHint: 'number', data: { min: 0, step: 0.1 } }, ]); const basicProperties = { @@ -145,21 +147,29 @@ class EditorClass { 'fontVariant', 'fontWeight', 'autoRound', - 'divider', + '---', 'align', 'wordWrap', 'wordWrapWidth', 'useAdvancedWordWrap', - 'divider', + '---', 'padding', /* 'textBounds', */ 'boundsAlignH', 'boundsAlignV', + ], + }, + { + title: 'Effects', + properties: [ 'shadowBlur', 'shadowColor', 'shadowOffsetX', 'shadowOffsetY', 'shadowFill', + '---', 'shadowStroke', + 'stroke', + 'strokeThickness', ], }, ]); diff --git a/src/editor-view/properties/editors/color/css-color-property-editor.ts b/src/editor-view/properties/editors/color/css-color-property-editor.ts index 53c3171..133c109 100644 --- a/src/editor-view/properties/editors/color/css-color-property-editor.ts +++ b/src/editor-view/properties/editors/color/css-color-property-editor.ts @@ -17,6 +17,7 @@ export class CssColorPropertyEditor extends PropertyEditor { public setInternalValue(value: string) { // TODO use some Phaser function for this + // TODO validate color names if (value === null) return; const hasHash = value.startsWith('#'); const intValue = parseInt(hasHash ? value.substring(1) : value, 16); diff --git a/src/editor-view/properties/inspector/properties-inspector.ts b/src/editor-view/properties/inspector/properties-inspector.ts index 6541028..87250d0 100644 --- a/src/editor-view/properties/inspector/properties-inspector.ts +++ b/src/editor-view/properties/inspector/properties-inspector.ts @@ -60,7 +60,7 @@ export class PropertiesInspector extends Inspector { propertyGroups.forEach(group => { if (group.title) this.createTitleElement(group.title); group.properties.forEach(prop => { - if (prop !== 'divider') { + if (prop !== '---') { this.createEditorForProperty(obj, idata.getInspectableProperty(prop)); } else { this.createDivider();