For long mathjax equations with short viewport horizontal scrollbar will appear #669
Conversation
also prevent unexpected scroll bar(issue #658)
|
Good job! |
|
Merge? |
|
Wait... |
| overflow-y: hidden; | ||
| } | ||
|
|
||
| li { | ||
| list-style-position: inside !important; |
There was a problem hiding this comment.
@zq-97 Is this related to Mathjax? All <li> elements in the page are affected
There was a problem hiding this comment.
That is a bug of many browser(chrome, safari, firefox ...), See here.
In short, if you put something with 'overflow' css inside a li element, the leading symbol (dot/circle for unordered or number for ordered) WILL DISAPPERA.
You can have a simple try w/o list-style-position: inside !important; using the flowing content.
- $\alpha$
- $\beta$Because it is a bug of browser, I didn't found any better solution. You can remove this style if necessary.
There was a problem hiding this comment.
This could cause a problem that the start indent of any list looks too long. Please check the behavior of usual list before and after setting "list-style-position: inside".
There was a problem hiding this comment.
The issue I just closed actually is also caused by it:
#721
ivan-nginx
changed the title
|
@all-contributors please add @zq-97 for bug and code |
|
I've put up a pull request to add @zq-97! 🎉 |
|
Wow! 👍 |
also prevent unexpected scroll bar (theme-next#658)
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
The detail is discussed under issue #645 , maybe this PR can make some help. Please refer to the last two paragraph of my blog(only in Chinese) for its change explanation.