Release 1.2.4

August 4, 2023
23 changes

This release is mainly resolving bugs from previous releases and enhances the Advanced CSS panel with new functionalities. Check all the changes below!

Want to style an entire component using Custom CSS? That’s super easy with this new feature. Just click on a button inside the Advanced CSS Panel, and the script will generate all your CSS declarations for you – including all the media queries based on your active breakpoint.

Get the best of both worlds! Simply write down all your custom CSS inside the Advanced CSS panel. Then, with a simple click, extract all the classes from the CSS declarations and import them as Global Classes in Bricks – so you can easily reuse them inside the Builder.

You are now able to add/edit/remove your global CSS declarations inside the Advanced CSS panel and save them without leaving the builder!

When employing utility classes, you may prefer to have the locked classes appear at the top of the class dropdown, as opposed to the element-specific classes that you may not find much reuse for. With this functionality activated, the arrangement of classes in the dropdown will be determined by their “lock” status.

Since 1.2.3, a 7px white space was showing up on the left of the Structure Panel. The white space has been removed.
There was a bug regarding the z-index of the tag dropdown that has been solved, and the overall performance and browser's compatibility has been improved.
When extending the classes to other elements in the Structure Panel, the classes from the CSS field were ignored. They have now been added as well.
There was a bug leading to the export/import of all the typography settings to the classes - including fields with no values. Now the script will export/import only the single non-empty values.
In some cases, the autofocus on the container element wasn't working correctly when adding a section through the shortcut sidebar.
There was a Javascript error showing up while editing a template without any page content. This has been fixed.
Bricks recently introduced the possibility to click outside the structure panel to unselect any active element (just like pressing ESC on the keyboard). It wasn't working correctly when the shortcut sidebar was active - this has been fixed.
When the "autofocus on first unlocked class" was enabled, the various style indicators weren't showing correctly and you needed to unselect/reselect the class in order to refresh the indicators. The indicators should show up normally now.
When using a CSS variable with an !important tag, the script automatically added a closing bracket. Now the script only adds the closing bracket if there is no space or !important tags in the functions.
An error was leading to prevent imported CSS files to show inside the Advanced CSS Panel. Now you should see all your imported files again.