gambitph / Stackable

Page Builder Blocks for WordPress. An Amazing Block Library for the new WordPress Block Editor (Gutenberg).
https://wpstackable.com
GNU General Public License v3.0
329 stars 62 forks source link

Feat: Icon Library #3317

Open mxkae opened 2 months ago

mxkae commented 2 months ago

resolves #3316

github-actions[bot] commented 2 months ago

🤖 Pull request artifacts

file commit
pr3317-stackable-3317-merge.zip 1746e7d98b17d3f8df60846aeb03743ec1cc7497
github-actions[bot] commented 2 months ago

Try this Pull Request in the WordPress playground: https://playground.wordpress.net/?mode=seamless#{"landingPage":"/wp-admin/post-new.php?post_type=page","preferredVersions":{"php":"latest","wp":"latest"},"steps":[{"step":"login","username":"admin","password":"password"},{"step":"installPlugin","pluginZipFile":{"resource":"url","url":"https://raw.githubusercontent.com/gambitph/Stackable/artifacts/pr3317-stackable-3317-merge.zip"}}]}

bfintal commented 1 month ago

Change Requests:

  1. Let's change the "Icon Settings" in the icon picker popup into a "Library" icon, then when clicked, it should open the Icon Library in the sidebar

In the icon picker in the icon library

image Screenshot 2024-10-08 at 8 17 20 PM
  1. See above image as reference, change the popover to only have:

    • Drop icon similar to the screenshot above
    • Mid aligned text that says: "Drag an SVG icon here or click the button below upload one"
    • Button that says "Upload SVG"
  2. Dragging an SVG icon should make the popover look/behave the same way as the normal icon popover when dragging on

When clicking the plus button in the icon library

  1. Change the popover to the same popover mentioned above