-
-
Notifications
You must be signed in to change notification settings - Fork 23
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Make wavy underline markings smaller #4989
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I can live with using an image mask for this, but I don't think this is implemented in the most efficient way.
Right now, the style is added inline to each instance of the custom element (it is added to the template). I would expect it to be in a general css file, or in the static styles of the element.
This pull request replaces wavy underline with custom svg styling. I copied the svg from codemirror.
The background image has to be defined within the theme as we cannot use css variables inside the image. I wrote a mixin to avoid a lot of duplicate sass.
The styles are also moved to static css classes, which should render more efficiently.
Chrome
Old
New
Firefox
Old
New
Closes #4943