liamcain / obsidian-creases

👕 Tools for effectively folding markdown sections in Obsidian
MIT License
228 stars 8 forks source link

FR: ability to change lucide icon in settings #46

Open riddlew opened 1 year ago

riddlew commented 1 year ago

Would it be possible to add an option in the settings to change the lucide icon used for creases. I'm not a fan of having shirt icons throughout my notes, and wanted to change it to something a little more minimal.

nydcroxas commented 10 months ago

Any update on this? I've been looking for a fix but no luck.

sicahjes commented 7 months ago

Wish we didn't have to have an icon at all. This plugin won't be usable for me until the icon is removed.

FeralFlora commented 7 months ago

This CSS snippet hides the shirt icon:

.cm-creases-icon {
    display: none;
}
Iwuaa commented 4 months ago

I would love this feature, shirt icon is out of place a bit

mattmaiorana commented 4 months ago

Anybody every figure out how to do this?

yett1873 commented 3 months ago

I would love this feature, shirt icon is out of place a bit

This one should work. Just replace the URL with whatever icon you like from https://lucide.dev/icons/

.svg-icon.lucide-shirt {
  color: transparent;
}
.cm-creases-icon{
  background: url(
    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAiPjxjaXJjbGUgY3g9IjEyIiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSI1IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==
    );
  background-repeat: no-repeat;
  background-size: .7em;
  background-position: 5% 75%;
}
Bluemandan commented 2 months ago

I would love this feature, shirt icon is out of place a bit

This one should work. Just replace the URL with whatever icon you like from https://lucide.dev/icons/

.svg-icon.lucide-shirt {
  color: transparent;
}
.cm-creases-icon{
  background: url(
    data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLWdyaXAiPjxjaXJjbGUgY3g9IjEyIiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iNSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSI1IiByPSIxIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMSIvPjxjaXJjbGUgY3g9IjE5IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSI1IiBjeT0iMTIiIHI9IjEiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjE5IiByPSIxIi8+PGNpcmNsZSBjeD0iMTkiIGN5PSIxOSIgcj0iMSIvPjxjaXJjbGUgY3g9IjUiIGN5PSIxOSIgcj0iMSIvPjwvc3ZnPg==
    );
  background-repeat: no-repeat;
  background-size: .7em;
  background-position: 5% 75%;
}

Civilian here :wave:, While this does work, it seems to not size well, and it will not be white, instead grey even when selecting #ffffff. I want to assume that if you have lucide Icons either from Iconize or Make.MD, they would fit better. How would you write it if you were to switch it out for another .svg-icon? For example square-chevron-down.