Show class toggle as active when block styles have been added

[StrangeTech]

Following on from this thread:

Automatically make ID/Class active when typing in new value

Understood, this was something we also thought of - currently the blue dot is only shown active when the user toggles it. We thought perhaps it could be shown in a different colour if the class is implicitly active (i.e. if Cwicly has detected it is needed based on having active styles for the block). Currently, it not being shown as active, even though the class is being added to the block confused a few people in our team initially.

And this one highlighting the same thing:

Cwicly status button (hide\show)

Hi everyone) Can you tell me about the hide\show status button (grey\green indicator next to the class)? When I insert a paragraph, the indicator is grey and the class is in the inspector. If I click on the indicator, the class becomes . Everything makes sense here. But if I insert a paragraph and change its value, the class also becomes and the indicator doesn’t light up. Question, is it me who can’t understand the logic or is it a bug? [CleanShot 2023-11-05 at 10.13.26@2x]

Currently, the class active toggle (blue dot) is not being shown as active, even though the class is being added to the block, which confused a few people in our team initially.

For clarity, we are requesting that the dot can be highlighted in a different colour if the class is implicitly active (i.e. if Cwicly has detected it is needed based on having active styles for the block).

This doesn’t affect functionality in any way, it is purely a visual indicator to show when the class has been added to the block automatically.

Thank you!

[Araminta]

Hi @StrangeTech,

Thank you for sharing this!

This has now been added with 1.3.3, with the class/ID clarification:

Moving to done.

[StrangeTech]

I noticed and we are very grateful!

Thank you @Araminta and thank you @Louis!

[DenisKozeev]

Very cool what they did with classes and id’s.

Question, and the right dot in the class and id it now what does it show then. If active/not active class in the tab is displayed

[StrangeTech]

@DenisKozeev

Question, and the right dot in the class and id it now what does it show then. If active/not active class in the tab is displayed

This is for explicit activation - meaning the user can toggle the class to be active and added to the block’s html even if no styles have been added to it. Similarly with the ID it is there to explicitly add it to the block so it will be shown in the html.

[hopscotch]

[StrangeTech]

Yes, exactly.

The small dot shows if any styles have been added.

The green dot shows if the user has explicitly activated the class.

Both very useful.

[DenisKozeev]

Excellent realization