Add option for icon size in picker

Thank you very very much. Yes the icons were too small for our case. We don't have that many in this case and you could not see clear enough what the icons were looking like.

I'm happy to try the dev now :) Thank you very much!

Well, if you're using styles for that wouldn't it then make sense to simply use an iconpicker.admin.css file and include that as form attachment?

This way the size can be cleanly overridden an you don't even need the variable anymore. Just as an idea...

As BUG: You're using "iconpicker_icon_inline_style" for $inline_icon_style and $inline_label_style. The second should be iconpicker_label_inline_style instead.

Okay thank you for that information. Then it would be enough perhaps to add a font-size variable. It's 22px for example in our case to have the icons a bit larger. That way we don't have to override the whole string.

Thank you very much. The setting now appears.

I think there is still an issue left: The options are just text, but the size should be an integer instead?

See:

'#options' => ['small', 'medium', 'large', 'extra large', 'mega'],

<== I think it misses an integer index?

// Retrieve the preview size from the bundle settings.
if (isset($bundle['iconpicker_icon_size'])) {
  $zoom = $bundle['iconpicker_icon_size'];
} else {
  $zoom = 2;
}

For example use:

'#options' => ['1' => 'small', '2' => 'medium',  '3' => 'large', '4' => 'extra large', '5' => 'mega'],

?

Furthermore the value doesn't seem to be saved. It's always 1 (default) for me after saving and reloading the form.

EDIT: Sorry it works correctly, the problem was FF+zoom, see below.

OK finally... zoom is not supported in FF ("The zoom property in CSS allows you to scale your content. It is non-standard, and was originally implemented only in Internet Explorer. "), so we would suggest to use font-size instead.

What was the reason to use zoom? Non-font-based icons?

This is our suggestion:

    $inline_icon_style = 'display: inline-block; font-size: ' . $zoom . 'rem; border: 0.5px dotted grey; margin: 0.1em; padding: 0.1em; cursor: pointer;';
    $inline_label_style = 'font-size:1rem; display: none;';

plus

'#options' => ['0.5' => 'mini', '0.7' => 'extra small', '0.8' => 'small', '1' => 'normal',  '1.5' => 'large', '2' => 'extra large', '4' => 'mega', '5' => 'giant'],