Little Layout

Added

• Added tooltips with instructions on how to start and stop layout selections and clear out the current field value.
  • Browser that support CSS Anchor Positioning will display tooltip below or above the field, based on the page’s scroll position.

Changed

• Removed the title attribute on layout boxes when setting a description on a box icon and moved that text over to the tooltip.
• Updated Node dependencies.
• Removed Lightning CSS from front-end asset build process.

Fixed

• Fixed a layout bug that occured on Field Settings pages when the browser window width was smaller than a certain size.
• The Craft CMS minimum required version was bumped up to ^5.5.0. This fixes a CP CSS issue that occurs based on a recent Craft CMS update.

Added

• Added support for Craft 5

Added

• Added field setting to add icons to Little Layout field boxes.
• Added field setting to set the height and width of Little Layout field boxes, using CSS values.
• Added ability to get column and row settings from a field in your Twig templates and GraphQL queries.

Changed

• Improved performance by refactoring Little Layout field from a Vue app to a Web Component.
• Refactored field settings from a Vue app to a Web Component.
• Changed layout boxes in field from clickable div elements to button elements.
• Updated doc blocks and added return types to all PHP files.
• Updated JS bundler to Vite 5.x.
• Bumped NodeJS to Node 20.x.

Removed

• Removed message that popped up when it was detected that you would need to horizontally scroll.
• Removed Vue and Tailwind CSS as front-end dependencies.

Fixed

• Update the way the field is saved in order to allow for resaving via the CLI.
• Removed field value change on initialization that caused Craft to think the field was updated before changes were made.

Added

• Added support for Craft 4

Added

• Added a new "Selection Mode" field setting, allowing you to restrict field selection to a single cell.
  • This could be useful for simple layout fields, like text align, or a 9-box style layout.
  • NOTE: changing this setting will not retroactively update any of your existing layout values.

Fixed

• Fixed an issue that broke PHP 7.2.5 support. (#1)
• Fixed plugin assets loading in front-end Twig templates. (#2)

Added

• Initial release 🎉