tobimori/kirby-icon-field

🏷️ A simple Icon field plugin for Kirby CMS.

kirby-icon-field's Issues

Fix name overflow

Kirby 4 support

Kirby 4-alpha.5 introduces a new Multi select field which results in this plugin not working anymore 😦

Lazy-loading icons

Last one (sorry for filling your issues here!):

We have a large collection of icons which will always be loaded in full on page load (3.5 MB in our case).
It would be great if icons would only be fetched when opening the picklist and if there was server side filtering applied.

I know this is an issue of the core as well, see getkirby/kirby#6043, but I think with icon sets this will become an issue for this plugin quicky.

Search options

I found this treat in the plugin definition:

				/**
				 * Enable/disable the search in the dropdown
				 * Also limit displayed items (display: 20)
				 * and set minimum number of characters to search (min: 3)
				 */

It would be great to have this documented in the readme.

Forced icon styling

Kirby 4 has this definition in its styles:

:where(svg) {
  fill: currentColor;
}

This can render outline icons into white/black boxes.

I'm not sure if there is a way to reset this for icons within this plugin's components and default to the fill attribute in the markup. But it would be great if:

1. there was a setting for fill in the blueprint or
2. there was a note in the readme how to prevent this with a custom panel CSS.

[v2] Support for SVG symbol library

Structure preview

Include/Exclude option

For ignoring certain icons, or simply only indexing a selection.

[v2] More spacing

Looks quite shit if the icons don't have spacing itself.

not working with kirby 4.0.0-rc.1

Since the latest kirby version I cannot pick an icon. with the beta-2 of kirby it worked fine.
If an icon is already selected and I want to delete it, the following error shows in the console:
index.min.js:1 TypeError: Cannot read properties of undefined (reading 'move')

And there are also a lot of deprecated warnings:

index.min.js:1 Problem with plugin trying to register component "k-icon-selector-dropdown": cannot extend non-existent component "k-selector-dropdown"
index.min.js:1 Problem with plugin trying to register component "k-icon-selector": cannot extend non-existent component "k-selector"

[v2] Caching bugs

Will have to investigate further, but in some cases the field didn't load on the production server of Vierbeiner in Not. Seemingly fixed itself by removing 'extends' => 'tags' line and adding it again.

Colored icons preview in field

Hi there, when I try to implement coloured icons, in the field preview I see only the background of these icons.
Is there any ability to make them viewable because right now I can orient only with the icon name

icon-field value is empty in frontend, when used in a block

kirby v4 beta2
kirby icon-field 2.0.0-rc.3

Vue appereance editable via config-value

Maybe it is a good idea to somehow store in the config if you want to color the fill or the stroke from the icons in the panel.
For e.g. if you use feather icons, the iconfont has outlines only, so the icons currently appear as "white blocks" in the dropdown.