search

maithemewp / mai-engine

Other
17 stars 3 forks source link

Consider field to paste in an SVG for custom icons in Mai Icon block #510

Open JiveDig opened 2 years ago

JiveDig commented 2 years ago

We'd have to use DOMDocument to apply the settings correctly, and it's a bit of a "use at your own risk" feature, but could be really cool.

skydogtech commented 2 years ago

+1 on the svg paste field... would allow me to do this info box and more like it:

https://www.joshwcomeau.com/css/transforms/

JiveDig commented 2 years ago

Can you share a screenshot of what specifically you're referring to from that tutorial?

skydogtech commented 2 years ago

These little note icons that he uses up and down the page are inline svgs. I can do without by writing a custom html block for each one, but if I understand what you're suggesting, pasting in the svg would be much simpler ;)

https://d.pr/i/3lB1vG

JiveDig commented 2 years ago

I tried to edit your comment to put the image inline but it isn't working. This is the screenshot:

134549227-4a2e5d4a-8182-4ebc-968f-868363efe51c

You already have that icon in Mai Icon block though. And FWIW you can already do a near identical thing with Mai Notices plugin right now. Or am I missing?

mai-notices

skydogtech commented 2 years ago

yeah it's mostly being able to choose an icon style that works with your design. Note the simpler more elegant i in the screenshot next to the apparently serifed i in the mai icon. Not sure I've seen Mai Notices plugin (sorry)