Use Icon Picker widget for plugin icon selection

wintercms · Sep 15, 2023 · 1a9c2f9 · 1a9c2f9
1 parent 6f1c2de
commit 1a9c2f9
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 2 deletions.
diff --git a/assets/css/builder.css b/assets/css/builder.css
@@ -83,7 +83,7 @@ html.gecko.mac .builder-building-area div[data-root-control-wrapper]{margin-righ
 .builder-building-area .builder-blueprint-control-dropdown:before,
 .builder-building-area .builder-blueprint-control-dropdown:after{position:absolute;content:''}
 .builder-building-area .builder-blueprint-control-dropdown:before{top:0;width:2px;background:#bdc3c7;right:40px;height:100%}
-.builder-building-area .builder-blueprint-control-dropdown:after{font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;content:"\f107";color:inherit;right:15px;top:12px;font-size:20px;line-height:20px}
+.builder-building-area .builder-blueprint-control-dropdown:after{font-family:"Font Awesome 6 Free";font-weight:900;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-style:normal;font-variant:normal;text-rendering:auto;content:"\f107";color:inherit;right:15px;top:12px;font-size:20px;line-height:20px}
 .builder-building-area .builder-blueprint-control-checkbox:before{float:left;content:' ';border:2px solid #bdc3c7;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;width:17px;height:17px;position:relative;top:2px}
 .builder-building-area .builder-blueprint-control-checkbox .builder-control-label{margin-left:25px;font-weight:normal}
 .builder-building-area .builder-blueprint-control-checkbox .builder-control-comment-below{margin-left:25px}

diff --git a/classes/pluginbasemodel/fields.yaml b/classes/pluginbasemodel/fields.yaml
@@ -41,10 +41,11 @@ tabs:
                 type: namespace
 
         icon:
-            type: dropdown
+            type: iconpicker
             label: winter.builder::lang.plugin.field_icon
             commentAbove: winter.builder::lang.common.field_icon_description
             tab: winter.builder::lang.plugin.tab_general
+            placeholder: winter.builder::lang.common.field_icon_placeholder
 
         description:
             label: winter.builder::lang.plugin.field_description

diff --git a/lang/en/lang.php b/lang/en/lang.php
@@ -665,6 +665,7 @@
     'common' => [
         'error_file_exists' => "File already exists: ':path'.",
         'field_icon_description' => 'Winter CMS uses a wrapper around Font Awesome icons: https://wintercms.com/docs/ui/icon',
+        'field_icon_placeholder' => 'Click here to select a plugin icon',
         'destination_dir_not_exists' => "The destination directory doesn't exist: ':path'.",
         'error_make_dir' => "Error creating directory: ':name'.",
         'error_dir_exists' => "Directory already exists: ':path'.",