DUPLICATE: Unable to style Theme Style states (e.g., :hover)

[datgausaigon]

Browser: Chrome Version 140.0.7339.128 (Official Build) (64-bit).
OS: Windows 11.
Bricks Builder: 2.0.2

Hi,

In Bricks Builder 2.0.2 we cannot style states (e.g., :hover) inside a Theme Style.

Steps to reproduce

1. Open any Page → Edit with Bricks.
2. Go to Manage → Theme Styles.
3. Create or select a Theme Style (e.g., “Default”).
4. In the default state, panels open and work — see Screenshot 1.

5. Switch Selector to a State (e.g., :hover).

• Conditions still works.
• Panels like Stylesheet, General, Colors, Links, … won’t open or show empty content — see Screenshot 2.
  If a panel is currently visible, click its header to toggle close, then click again to re-open → its content disappears / shows nothing, matching Screenshot 2.

Panels fail to open (or show nothing) when a state is active → can’t style Theme Style states.

Thanks

[Matej]

Hi @datgausaigon,

thank you for your report. This seems to be the same issue as it was reported here:

WIP: Styling hover states of button in Theme Styles

Hi, I tried to define styles for different button types in Theme Styles. But I have discovered that if I define a property in the normal state, that property disappears from the available options in the hover style (global Pseudos). Removing the style from that property makes it reappear in the hover options. So, effectively if I define the normal style, I cannot define the same property in the hover state. I have reverted to 2.0.1 and it seems that I can style the hover styles as expected. I…

So, I’m marking this topic as a duplicate and closing it. This should be fixed in the next version

Best regards,
Matej