airfleet/airfleet-elements-responsive-plugin

Project releases

airfleet-elements-responsive-plugin

Release 3.1.0

Added enqueue_block_assets support to inject responsive breakpoint CSS variables into the block editor iframe

GitHub
View full changelog

Added

  • Added enqueue_block_assets support to inject responsive breakpoint CSS variables and hide classes into the block editor iframe
airfleet-elements-responsive-plugin

Release 3.0.1

Fixes a bug where responsive features fail when specific breakpoints are selected without a default breakpoint.

GitHub
View full changelog

Fixed

  • Fixed bug when Only display on these breakpoints is selected, while Default breakpoint is not selected/empty - no responsive feature was effective on components.
airfleet-elements-responsive-plugin

Release 3.0.0

Upgrades PHP requirement to 8.2 and adds the Airfleet Framework plugin as a dependency.

GitHub
View full changelog

Changed

  • Breaking: Increased PHP version requirement to >=8.2
  • Breaking: Added new dependency - Airfleet Framework plugin - and removed scoped framework composer package
  • Added plugin dependencies in main plugin file (Requires Plugins metadata field)
  • Internal: Increased Node.js version requirement to >=24
  • Internal: Bump npm dependency @airfleet/wordpress-dev to ^4.0.0
  • Internal: Bump composer dependency airfleet/wordpress-dev to ^4.0.0
  • Internal: Switched package manager to Bun
  • Internal: Updated linters and development tools
  • Internal: Updated configuration for development tools
  • Internal: Moved configuration sections from package.json to dedicated config files
  • Internal: Updated browserslist configuration
  • Internal: Updated package.json scripts to use Airfleet CLI
  • Internal: Updated README.md to remove Getting Started and Documentation sections
  • Internal: Updated Plugin URI metadata field in main plugin file
  • Internal: Updated GitHub workflows
  • Migrated from @import to @use in SCSS
  • Internal: Added .airfleet-license and .airfleet-visible
airfleet-elements-responsive-plugin

Release 2.5.0

JS utilities are now available through a global variable _af

GitHub
View full changelog

Changed

  • JS utilities are now also available through global var _af (e.g. _af.onBreakpointMatch) under the same names, with the exceptions below. Old interface remains at window._airfleet.elements.breakpoints
  • Added _af.breakpoints (same as window._airfleet.elements.breakpoints.data)
  • Added _af.breakpointDirections (same as window._airfleet.elements.breakpoints.directions)
  • Added _af.isAboveBreakpoint (same as window._airfleet.elements.breakpoints.isMin)
  • Added _af.isBelowBreakpoint (same as window._airfleet.elements.breakpoints.isMax)
  • Added _af.isBetweenBreakpoints (same as window._airfleet.elements.breakpoints.isBetween)
  • Added _af.isOnlyBreakpoint (same as window._airfleet.elements.breakpoints.isOnly)
  • Added _af.onBreakpointChange (same as window._airfleet.elements.breakpoints.onChange)
airfleet-elements-responsive-plugin

Release 2.4.0

Added a new filter to customize data attributes for the js-utilities script

GitHub
View full changelog

Added

  • Added filter airfleet/elements/responsive/js-utilities/data-attributes to customize data attributes for js-utilities script from theme-support plugin
airfleet-elements-responsive-plugin

Release 2.3.0

JS utilities are now rendered earlier in the HTML head to fix priority issues

GitHub
View full changelog

Changed

  • JS utilities are now rendered earlier in the HTML head. Fixes priority issues when choosing inline enqueue method in Views plugin
airfleet-elements-responsive-plugin

Release 2.2.0

Updated components to support airfleet/elements/empty/$slug filter

GitHub
View full changelog

Changed

  • Updated components to add support for airfleet/elements/empty/$slug filter
airfleet-elements-responsive-plugin

Release 2.1.0

Updated media query syntax for improved readability and maintainability.

GitHub
View full changelog

Changed

  • window._airfleet.elements.breakpoints: Updated media query syntax to use the new CSS Media Query Range Syntax for improved readability and maintainability - replaced min-width and max-width with range syntax (e.g. (width >= X) and (width < Y)). Learn more
airfleet-elements-responsive-plugin

Release 2.0.2

Added CSS variables for breakpoint checks and changed default breakpoints to common device sizes

GitHub
View full changelog

Added

  • Added --is-$breakpoint, --is-$breakpoint-up, and --is-$breakpoint-down CSS variables

Changed

  • BREAKING! Changed the default breakpoints to cover the most common device sizes (from xs to x4k)
  • elements-components-breakpoint: updated Admin UI design (layout improvements and added more icons)
airfleet-elements-responsive-plugin

Release 2.0.1

Fixed an incorrect alert about a hidden block when using the 'Line breaks' option in a Title-Advanced component.

GitHub
View full changelog

Fixed

  • Fixed incorrect alert about block being hidden when the block has a Title-Advanced component with "Line breaks" option set to "Don't remove" (no longer adds class afu-hide-br--max-none to Title-Advanced).
airfleet-elements-responsive-plugin

Release 2.0.0

Added option to change the placement of responsive fields in Airfleet Responsive Component ACF field type.

GitHub
View full changelog

Added

  • Added option to add responsive settings to flexible component children
  • Added filter airfleet/elements/responsive/flexible/children/exclude (exclude flexible component children from having responsive settings)
  • Added option to add responsive settings to all components & related option to exclude theme components by default
  • Added filter airfleet/elements/responsive/components/exclude (exclude components from having responsive settings)
  • BREAKING! Added option to change the placement of the responsive fields in Airfleet Responsive Component ACF field type: alongside component (legacy option set to false by default), or place in component tab (enabled by default)

Changed

  • BREAKKING! Changed default value of option "Add responsive options to flexible components" to false
  • Updated "Block responsive settings" fields to show under "Settings" block tab
  • Updated line breaks option for elements-components-title-advanced to show under Style tab
  • Updated CSS hide classes to use !important
  • Responsive Component Field: added option "Only display on these breakpoints" to control global visibility of the component
  • Responsive Component Field: added custom Admin UI design
  • elements-partials-responsive-component: updated to support "Only display on these breakpoints" option
  • elements-components-breakpoint: added custom Admin UI design
  • Updated browserslist version

Fixed

  • Fixed PHP error when flexible component responsive settings are missing
airfleet-elements-responsive-plugin

Release 0.4.0

Renamed onChange function and added fallback/proxy for existing functionality

GitHub
View full changelog

Changed

  • Changed the function onChange to onBreakpointMatch
  • Added the function onChange as a fallback/proxy to avoid breaking of the existing functionality
  • Changed the onBreakpointMatch function to support a callback for when the breakpoint does not match
airfleet-elements-responsive-plugin

Release 0.3.0

Added onChange JavaScript utility for triggering callbacks on breakpoint changes

GitHub
View full changelog
  • Added onChange JS util. Triggers a callback whenever a matched breakpoint changes
airfleet-elements-responsive-plugin

Release 0.2.0

Blocks now display in editor with alert at all breakpoints

GitHub
View full changelog

Changed

  • Blocks that are only visible on certain breakpoints will now always display in the editor and be accompanied by an alert message
airfleet-elements-responsive-plugin

Release 0.1.3

Renamed are_consecutive_breakpoint to are_consecutive_breakpoints and fixed PHP errors with responsive settings.

GitHub
View full changelog

Changed

  • Renamed are_consecutive_breakpoint to are_consecutive_breakpoints
  • Show label "Default breakpoint" in Responsive Component field for the breakpoint of the default component, instead of "Breakpoints"

Fixed

  • Fixed a PHP error when excluding components from having responsive settings in flexible components
  • Fixed responsive settings no being hidden when excluding components from having responsive settings in flexible components
airfleet-elements-responsive-plugin

Release 0.1.2

Set composer autoloader suffix based on plugin name

GitHub
View full changelog

Changed

  • Set composer vendor-scoped autoloader-suffix based on plugin name
airfleet-elements-responsive-plugin

Release 0.1.0

Added various features for responsive design, including breakpoints, CSS classes, and utility functions.

GitHub
View full changelog

Added

  • Added function airfleet_responsive_breakpoints() (returns breakpoints API instance)
  • Added filter airfleet/elements/breakpoints (customize breakpoints)
  • Added function airfleet_responsive_render() (renders a view with responsive CSS classes)
  • Added view elements-components-breakpoint (component to render a view for the selected breakpoint)
  • Added custom field type "Airfleet Responsive Component"
  • Added view elements-partials-responsive-component (render a responsive component)
  • Added helper $_responsive / Blade directive @responsive (shortcut to responsive component partial)
  • Added view elements-component-breakpoint-flexible (responsive options to add to other components and render them)
  • Added option to auto-add elements-component-breakpoint-flexible to flexible components
  • Added filter airfleet/elements/responsive/flexible/exclude (exclude views from having responsive settings auto-added in flexible components)
  • Added .afu-hide--{modifier}-{breakpoint} CSS classes (hide elements based on a modifier and a breakpoint)
  • Added .afu-hide-br--max-{breakpoint} CSS classes (hide line breaks based on a breakpoint)
  • Added window._airfleet.elements.breakpoints JS utilities (responsive data and functions)
  • Added option to add responsive settings to blocks
  • Added option to add responsive line breaks to elements-components-title-advanced