I noticed that the custom CSS indicator only appears if the CSS is added using #ID. The indicator didn’t appear when I added the CSS using a class.
Here I made a screencast:
I suggest making the indicator appear whether it’s placed under IDs or classes.
Also, give the indicator different colours, so we know the CSS is with Class or ID.
*I think this should be more on bug instead of feature request/improvement.
This would be great if it could perhaps be slightly greyed out/transparent in the structure panel depending on whether you’ve got the ID or a class active, to indicate that there’s custom CSS on whatever one you’re not on
Thank you for fixing this, finally!
As I tested, I will only see the CSS indicator when I have selected the class that has custom CSS inserted. Wouldn’t it be better if the indicator stays as long as any classes there have custom CSS? Otherwise, we wouldn’t know which has custom CSS until we select it.
@timmse I also agree with this, It’s very difficult to tell what element has custom CSS unless I have it clicked and have it’s class selected… by that point I’ve already clicked a bunch of elements before I pinpointed the element I want.
Please make it so that the icon is shown if an element has custom CSS, regardless of whether it’s on the ID or the class level, and regardless of what class was selected last. Or even color the icon slightly if it’s on the ID/class.
I agree with @jornes , the indicator should show regardless if you have selected the class or not. Right now, we have to name our elements in the structure panel like “Card (CSS)” so we can hunt down the custom CSS.
Hope this improvement in the custom CSS indicator is still something that the team considers.