Listed's code highlighting does not work for list item

[dmitriy-bodroff]

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

It works for a paragraph.

And does not work for a list item.

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

[dmitriy-bodroff]

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]

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]

Okay, I have made the fix for my blog.

[JaspalSuri]

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

[RemiDesgrange]

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