maxnegro / joplin-plugin-admonition

Joplin markdown plugin for custom containers
37 stars 4 forks source link

Suggestion: Custom Icons before Title #3

Closed lukaslabryszewski closed 2 years ago

lukaslabryszewski commented 3 years ago

Great Plugin... just discovered it. Thank you!

I couldn't find any post on the Joplin Discourse board on this plugin, so adding this here in case you would like to adopt it for the plugin.

I added title emoji icons to my userstyle.css as following:

/* Admonition Plugin Title Icons */
div.admonition.abstract p.admonition-title::before {
    content: "â‰Ŗ ";
}
div.admonition.note p.admonition-title::before {
    content: "🖋 ";
}
div.admonition.info p.admonition-title::before {
    content: "ℹī¸ ";
}
div.admonition.tip p.admonition-title::before {
    content: "đŸ”Ĩ ";
}
div.admonition.success p.admonition-title::before {
    content: "✅ ";
}
div.admonition.question p.admonition-title::before {
    content: "❓ ";
}   
div.admonition.warning p.admonition-title::before {
    content: "⚠ī¸ ";
}   
div.admonition.failure p.admonition-title::before {
    content: "❌ ";
}   
div.admonition.danger p.admonition-title::before {
    content: "⚡ī¸ ";
}   
div.admonition.bug p.admonition-title::before {
    content: "🕷 ";
}   
div.admonition.example p.admonition-title::before {
    content: "☞ ";
}   
div.admonition.quote p.admonition-title::before {
    content: "❞ ";
}   

Example

2021-04-21 210408 Screenshot 11
maxnegro commented 2 years ago

Thank you for your suggestion, I like it. And sorry for the late feedback, I had some interesting times.