Skip to content
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 highlighting effective for code-formatted text #1215

Merged
merged 2 commits into from
Apr 25, 2020

Conversation

le0tan
Copy link
Contributor

@le0tan le0tan commented Apr 22, 2020

What is the purpose of this pull request? (put "X" next to an item, remove the rest)

• [X] Enhancement to an existing feature

Fixes #1210
Related to #1209

What changes did you make? (Give an overview)

Make the background transparent for code-formatted text under tag (i.e. highlighting)

Provide some example code that this change will affect:

na

Is there anything you'd like reviewers to focus on?

na

Testing instructions:

npm run test

Proposed commit message: (wrap lines at 72 characters)

Currently the background color of code tag is opaque, therefore the
highlighting will be covered by the code-formatted text. Let's
introduce transparency to code tag style when it's placed under
mark tag so that highlighting is effective in this case.

@le0tan le0tan added the pr.Enhancement 📈 Enhancement to an existing feature label Apr 22, 2020
@le0tan le0tan requested a review from ang-zeyu April 22, 2020 03:37
@damithc
Copy link
Contributor

damithc commented Apr 22, 2020

Can post a screenshot of an example output?

@le0tan
Copy link
Contributor Author

le0tan commented Apr 22, 2020

@damithc here you go:

highlight + code:
image

normal code:
image

normal highlight:
image

@damithc
Copy link
Contributor

damithc commented Apr 22, 2020

@damithc here you go:

highlight + code:
image

Looks good 👍

Copy link
Contributor

@nbriannl nbriannl left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

d4 is the value for opacity, right?

LGTM.

asset/css/markbind.css Outdated Show resolved Hide resolved
@le0tan le0tan requested a review from openorclose April 23, 2020 12:35
@le0tan le0tan merged commit 3a87264 into MarkBind:master Apr 25, 2020
@le0tan le0tan added this to the v2.15.0 milestone Apr 26, 2020
@le0tan le0tan mentioned this pull request Apr 26, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
pr.Enhancement 📈 Enhancement to an existing feature
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Make highlighting effective for code-formatted text
4 participants