Class workflow rework feedback

[Louis]

Hello @sunny and @Marius,

Thank you for taking the time to share your feedback and improvement suggestions.

@sunny

The Classes modal window doesn’t seem to be persistent. Any time I reposition it or change the width, it gets reset the next time I go to add a class.

Thank you for noticing this one. This should be fixed in the latest update.

@sunny

I immediately missed not being able to select an existing class with my just my keyboard. Selecting a class requires a mouse click. Would be nice if you could use your arrow keys to select one (skipping any “no classes found” elements).

This is a slightly more tricky one that I had left untouched until 1.2.9.7.1. I’d love to have your opinion on the implementation when you have time.

Over the last 2 years, having seen the way users interact with the different dropdown elements in the inspector window, one constant that has come up is the fact that pressing enter forces them to select an existing value, instead of being able to create a new one.

We’ve decided to go with an arrow keys/tab navigation that should allow you to navigate and selecting existing classes without requiring the mouse in most cases, but without forcing a selection from the start.

This isn’t set in stone and can evolve!

@sunny

In the Classes modal, I think it’d be nice to have any selected classes appear at the top of the list.

@sunny

I haven’t fleshed this idea out as much, but I think it’d also be useful to have the current block class listed in the Block column in the Classes modal as well. You would just need to disable the ability to remove that class. That way you could easily copy your block styles to a global class all from one place.

Introduced in 1.2.9.7.1. I’m getting a “told you so” from @Araminta

@Marius

Am I right in assuming that in the classes’ modal, only 7 classes per category are displayed without scrolling?

Correct. We kept the fixed height for the class containers as allowing a flexible one would require more logic and I did wonder if displaying more classes was counter-productive in the end.
Definitely something we can explore.

@Marius

I also think an option to toggle the class hover preview on/off could be something to consider (inside the editor settings).

That’s interesting to hear. Do you find it too distracting when scrubbing through the classes?

@Marius

While toggling between block class and block ID with a single click is a smart and straight-forward implementation, I would like to see the indicator for the ID (always or in case it’s toggled, not sure about it), when the class is currently displayed (and vice versa).

This was something we spent quite some time discussing with the team. I’ll reply with a more detailed post in the feature request that was opened by @StrangeTech

---

Thank you once again for your feedback, really appreciated.

Cheers,