Compatibility of "hightlight"-feature with tailwindcss

yandeu / five-server-vscode

⚡ VSCode Extension for Five Server.

https://marketplace.visualstudio.com/items?itemName=yandeu.five-server

Other

121 stars 9 forks source link

Compatibility of "hightlight"-feature with tailwindcss #15

Closed Cayllen closed 2 years ago

Cayllen commented 2 years ago

Describe the bug It seems the highlight feature is not compatible with tailwindcss. When trying to highlight elements, only some are highlighted, but mostly only the outer elements are highlighted:

What I did:

I selected the href with my cursor in vscode
But in my browser, the whole div is highlighted

If necessary I can also upload the code

yandeu commented 2 years ago

Maybe because - Template by is not inside a tag? What if you wrap the 2 <a> and the text inside a paragraph?

Cayllen commented 2 years ago

Fixed it! Thanks! Is there any way to change the style how text is highlighted? Right now it is a bit too much covering up what I'm actually working on

yandeu commented 2 years ago

I guess I could add a highlightOpacity option.

Cayllen commented 2 years ago

Would definitely be an useful option!