Comments (5)
Seems it is a bug of CodeMirror. List lines' style is unexpectedly merged to header lines'.
Add a normal paragraph after the list and everything goes correctly.
from hypermd.
I think it's specific to HyperMD. For example, CodeMirror official demo works:
https://codemirror.net/demo/folding.html
Perhaps it's something else due to the folding plugin? or some option missing?
from hypermd.
pre.HyperMD-header {
padding-left: 0 !important
}
pre.HyperMD-header > span > span:first-child {
margin-left: 0 !important
}
Not sure if this works. Written on my phone
from hypermd.
yes, works, thanks for the response.
Found another, maybe related issue:
H2
test
code
H2
The H2 appears broken style if it ends with code:
from hypermd.
When content is folded, the style of last line is merged to the heading line. Therefore, to fix this, give header line's style higher priority, like ....
.cm-s-hypermd-light pre.HyperMD-header {
line-height: 1.5 !important;
font-family: inherit !important;
border: 0 !important;
}
Hmmm... anyway, it works.
from hypermd.
Related Issues (20)
- Non-techie mode? HOT 1
- 关于主题和代码高亮
- 请问如何编译 import 的其他包的内容 HOT 2
- flow 左右分屏容易改造吗?
- Supporting syntax highlight for code block HOT 4
- :::info:::,
- Repo Active
- Cannot convert from `GLib.List<Gtk.Window>' to `GLib.List<weak Gtk.Window> HOT 1
- 官方能出VScode或者Nextcloud这种私有云的插件吗?
- How to import this as ES Module? HOT 2
- Not Highlighting code blocks in vue HOT 1
- Cant seem to get it working, always producing error
- The text box is wobbling badly
- The demo address cannot be opened HOT 1
- Hypermd syntax highlighter stops working inside a code block (Obsidian's Admonition-plugin, CodeMirror) HOT 1
- How to disable folding
- Demo site is down
- 文档和测试站点宕机了
- CodeMirror 6
- Working on a fork supporting CodeMirror 6
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from hypermd.