petershaggynoble/mdi-sandbox

A jacked up cheatsheet and additional tools for https://materialdesignicons.com/

mdi-sandbox's Issues

SUGGESTION: Please add button to copy icon name to clipboard

Window resize event

I've noticed that when I resize the window, the main layout breaks until I refresh the page. This could possibly be solved by adding a resize event listener.

Add grid when viewing an icon

Add a togglable grid to the preview when viewing an icon in the main library.

Incorrect canvas rendering

I've come across this a couple of times. I'll have a correct path, and it renders it small on the preview. There are not JavaScript errors in the console.

Compared to new dev site:

M19.13,6.56c-.11,1.74-1.86,3.65-3.9,5.86a28.69,28.69,0,0,0-5.12,6.81C9,21.69,7.54,22,6.9,22H6.8A2,2,0,0,1,5,20.63a3.16,3.16,0,0,1,1.2-3.34C8.37,15.37,9.93,14,10,13.17a.56.56,0,0,0-.14-.38,7.48,7.48,0,0,1-2.25-2.68.34.34,0,0,1,.16-.4.37.37,0,0,1,.45.09,5.16,5.16,0,0,0,1.85,1.51.47.47,0,0,0,.38-.12.61.61,0,0,0,.14-.26c-.13-.13-.56-.52-2.05-1.77a.52.52,0,0,1-.07-.71l.06-.09a.55.55,0,0,1,.35-.2.6.6,0,0,1,.39.11l2,1.6c.05,0,.11.06.14,0a.4.4,0,0,0,.24-.29.21.21,0,0,0-.06-.08L9.5,7.86a.53.53,0,0,1-.1-.71h0a.51.51,0,0,1,.35-.22.56.56,0,0,1,.4.1l2,1.61.06,0a.67.67,0,0,0,.25-.33.18.18,0,0,0-.08-.15l-2-1.58a.49.49,0,0,1-.09-.68.48.48,0,0,1,.33-.2.51.51,0,0,1,.38.1l2.06,1.62,0,0a.42.42,0,0,0,.24-.26.14.14,0,0,0-.06-.09l-2-1.63a.52.52,0,0,1-.12-.65.51.51,0,0,1,.75-.16L14,6.28a.19.19,0,0,0,.1,0,.3.3,0,0,0,.23-.25.14.14,0,0,0-.07-.1l-2-1.63a.53.53,0,0,1-.1-.71l.09-.13a.53.53,0,0,1,.35-.21.53.53,0,0,1,.4.1L15.05,5a.19.19,0,0,0,.14,0,.62.62,0,0,0,.46-.8c0-.13-.26-.61-2.05-1.54a.38.38,0,0,1-.19-.48A.37.37,0,0,1,13.87,2C14.78,2.3,19.3,3.84,19.13,6.56Z

Add statuses to automatic preview generator

Currently the automatic preview generator detects whether an icon is an existing MDI icon or a stock Google icon when the icon parameter is used or if it's custom icon when the path parameter is used and applies the appropriate labels and colour. The addition of a status parameter would allow for that to be overridden and for the use of additional labels from the manual generator.

The following are the colours I'm going to use for each type/label but I'm open to alternative suggestions:

• MDI icons: Grey
• Google icons: Green
• WIP icons: Blue
• Final draft WIP icons: Indigo
• Rejected icon suggestions: Red
• Legacy MDI icons: Brown (can also be auto-detected)

[Feature request] Download my library

It would be very useful to download multiple icons at once by clicking on the 3 dots of "My library" or a search query.

Bug : Searching bulb doesn't find lightbulb-group

Given I'm on the website https://petershaggynoble.github.io/MDI-Sandbox/
When I search for bulb
Then I should see 22 results with lightbulb-group among them
Unexpectedly I see 4 results Instead

Simpleicons, Brand title is not same as svg icon <title>

Recreate case:

1. https://petershaggynoble.github.io/MDI-Sandbox/simpleicons/preview
2. Download SVG
3. Open svg file in any editor
4. <title> tag will have the word, ' icon', which is not required by the Simpleicons file.

Solution:

👎Current: <title>Simple Icons icon</title>
👍Expected: <title>Simple Icons</title>

Remove colour selection in preview generator

In order to keep some consistency to the colours being used for previews, the ability to manually select a colour in the preview generator should be removed and instead the colour should be automatically selected based on the preview type.

See #18 for the list of proposed colours with the addition of blue-grey overlaid with red for comparison previews.

Also, the "Vector Only" type should be removed as that's not a thing any more.

Download Vector Drawable exports faulty XML

Hi! Thank you so much for your website, I'm in love with it.
I noticed that the Download Vector Drawable button on the right exports faulty XML, such as:

<vector xmlns:android="http://schemas.android.com/apk/res/android" android:height="24dp" android:width="24dp" android:viewportWidth="24" android:viewportHeight="24"><path android:fillColor="

Would it be possible to fix it?

I'd also suggest giving an Android-Studio-friendly name, by replacing the dashes with underscores.