scope-inspector icon indicating copy to clipboard operation
scope-inspector copied to clipboard

Deprecated selector in `scope-inspector/styles/index.less`

Open ryanpcmcquen opened this issue 8 years ago • 1 comments

In scope-inspector/styles/index.less:

Starting from Atom v1.13.0, the contents of atom-text-editor elements are no longer encapsulated within a shadow DOM boundary. This means you should stop using :host and ::shadow pseudo-selectors, and prepend all your syntax selectors with syntax--. To prevent breakage with existing style sheets, Atom will automatically upgrade the following selectors:

  • .scope-highlight .region, atom-text-editor::shadow .scope-highlight .region => .scope-highlight .region, atom-text-editor.editor .scope-highlight .region

  • .scope-highlight.active .region, atom-text-editor::shadow .scope-highlight.active .region => .scope-highlight.active .region, atom-text-editor.editor .scope-highlight.active .region

  • .hoisting .region, atom-text-editor::shadow .hoisting .region => .hoisting .region, atom-text-editor.editor .hoisting .region

  • .hoisting .region:before, atom-text-editor::shadow .hoisting .region:before => .hoisting .region:before, atom-text-editor.editor .hoisting .region:before

Automatic translation of selectors will be removed in a few release cycles to minimize startup time. Please, make sure to upgrade the above selectors as soon as possible.

ryanpcmcquen avatar May 09 '17 17:05 ryanpcmcquen

Thanks, I've neglected this package for a long time. I started rewriting it in ES6 with React views and will also fix the corresponding style deprecations 👍

tvooo avatar May 16 '17 08:05 tvooo