Sticky class selector as in Webflow

Wishlist
1

I think the style selector will be easier to use if it was sticky on top of the panel, same as in Webflow. Right now it is very easy to be editing a tag instead of a class without noticing it.

chrome-capture-2024-4-18 (1)

If anyone’s interested, you can add this code as an Arc boost or custom CSS to the page as a workaround:

[data-id="selector"] {
    position: sticky;
    top: 0;
    background-color: var(--dh-bg-1);
    z-index: 2000 !important;
}
[data-id="designer"] [data-id] {
  z-index: 1000;
}
3 Likes
2

@Riverey

Another way would be to create file “Plugin” type and push the css code in , since the plugin file code will be executed inside builder as well.

But this works too as you mention, good job :smiley:

1 Like
3

Yes, please. Cool idea! That would increase usability a lot, because you always know on which tag you are styling/working.

3 Likes