- Import and export current document as JSON file
- Display image width, height and format in 'Info' section
- Fix labelHidden emit
- Made image resizing more predictable when tweaking its width and height settings
- Implement collapsible inspector subpanels
- Allow to tweak pages vertical spacing
- Add images 'Info' section on inspector
- Remove up/down arrows in Firefox
- Fix logic to select custom preset sizes
Elm Designer is now a web app. No more Electron binaries to download. Yay!
- New multi-page, scrollable workspace
- Reworked outline view and context menu
- Add label color for text fields
- Add inner/outer shadow type toggler (thanks @axelbdt!)
- Image doesn't collapse anymore when inserted into a row
- "Insert" menu now allows only valid parent-child combinations
- Added undo/redo menu commands for destructive operations (thanks @CharlonTank!)
- Added support for relative positioned children (above, in front, etc.)
- Added support for element shadow
- Added UI to specify form fields label position: above, below, left, right and hidden
- Added UI for border style: solid, dashed and dotted
- Node offset and rotation values are not generated
- Can't remove Label on text fields
- Show elements textual content in tree item labels
- Added Inter font
- Honor height setting on form library elements
- While on a inspector field hitting backspace do not delete the selected element anymore
Note: document format is the same of the previous version so your designs will continue to work after the upgrade.
- Insert images into page via drag and drop
- Added alignment button to toggle centering on/off
- Added inspector settings to specify exact width and height pixel values
- Added letter and word spacing styles to inspector
- Drop library elements directly on the page or on outline pane
- Use Electron API to show error messages
- Added Source Sans Pro, Source Serif Pro, Source Mono Pro, Roboto Mono and Space Mono fonts
- Show inherited font family and weight styles in gray and italic instead of showing them between parens
- Mark the 'fold' in fixed height viewports
- Better handling of font weight adjust while changing family
- Made the inline text editor to honor node text alignment
- Allow selection of left/right aligned (floated) elements within their container
- Added an "Insert" menu. This makes more obvious how to add a new element to the page
- Use up and down arrows to increment/decrement all the numeric fields in the inspector pane
- Added element move right/left and move up/down fields to inspector pane. These match Elm UI's
Element.move*functions - Grouped fonts in the font family dropdown
- Added IBM Plex Sans, Alegreya Sans, Lora and Libre Baskerville Google Fonts
- Workspace area now scrolls horizontally when designed page is bigger than app window
- Wired up background image sizing controls
- Codegen: emit border corners values (thank you @CharlonTank)
- Codegen: native font-stack is now specified correctly
Note: document format is the same of the previous version so your designs will continue to work after the upgrade.
First public version.