search

standardnotes / listed

Create an online publication with automatic email newsletters. https://listed.to
109 stars 23 forks source link

Listed's code highlighting does not work for list item #57

Open dmitriy-bodroff opened 3 years ago

dmitriy-bodroff commented 3 years ago

Listed's code highlighting does not work for list item.

It works for a paragraph.

image

And does not work for a list item.

image

Example URL: https://listed.to/@nablagodel/17333/timestamp-google

dmitriy-bodroff commented 3 years ago

Maybe there should be

.post-content code {
    font-family: Consolas, monaco, "Ubuntu Mono", courier, monospace !important;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #c25;
    padding: 4px 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px
}

instead of

.post-content p code {
    font-family: Consolas, monaco, "Ubuntu Mono", courier, monospace !important;
    font-size: 0.75rem;
    line-height: 0.75rem;
    color: #c25;
    padding: 4px 8px;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8;
    border-radius: 3px
}
JaspalSuri commented 3 years ago

Hmm, this could have been implemented on purpose, or there might have been a technical reason that prevented it from being implemented. The good news you can customize the CSS of your Listed blog with this guide! (Special thanks to @TheodoreChu for updating the docs.)

cc: @mobitar

dmitriy-bodroff commented 3 years ago

Okay, I have made the fix for my blog.

image

JaspalSuri commented 3 years ago

Thanks for letting us know that it's working! I've forwarded your suggestion to the dev team for review as well. :)

RemiDesgrange commented 3 years ago

doing .post-content code breaks multiline code. It should be li code or something like that.