Redesigned Color inputs

Resolves craftcms#2059 Resolves craftcms#2061
pksdev-os · Nov 5, 2017 · c549843 · c549843
1 parent add0cbd
commit c549843
Show file tree

Hide file tree

Showing 39 changed files with 208 additions and 756 deletions.
diff --git a/CHANGELOG-v3.md b/CHANGELOG-v3.md
@@ -29,6 +29,7 @@ Craft CMS 3.0 Working Changelog
 - Added `craft\services\Sites::deleteGroupById()`.
 - Added `craft\services\Sites::deleteGroup()`.
 - Added `craft\services\Sites::getSitesByGroupId()`.
+- Added `Craft.ColorInput` (JS class).
 
 
 ### Changed
@@ -47,6 +48,8 @@ Craft CMS 3.0 Working Changelog
 - Fields on multi-site installs can now be translated per site group.
 - Resource file URLs now have a timestamp appended to them, preventing browsers from loading cached versions when the files change.
 - `craft\web\AssetManager::getPublishedUrl()` now has a `$filePath` argument, which can be set to a file path relative to `$sourcePath`, which should be appended to the returned URL.
+- Color inputs have been redesigned so they look the same regardless of whether the browser supports `<input type="color">`, and no longer use a JavaScript color-picker polyfill. ([#2059](https://github.com/craftcms/cms/issues/2059), [#2061](https://github.com/craftcms/cms/issues/2061))
+- Color inputs can now be left blank.
 
 ### Removed
 - Removed `craft\events\RegisterRedactorPluginEvent`.
@@ -56,7 +59,9 @@ Craft CMS 3.0 Working Changelog
 - Removed `craft\fields\RichText`.
 - Removed `craft\web\assets\redactor\RedactorAsset`.
 - Removed `craft\web\assets\richtext\RichTextAsset`.
+- Removed `lib/colorpicker/`.
 - Removed `lib/redactor/`.
+- Removed `Craft.ColorPicker` (JS class).
 - Removed `Craft.RichTextInput` (JS class).
 
 ## Unreleased

diff --git a/gruntfile.js b/gruntfile.js
@@ -94,10 +94,6 @@ module.exports = function(grunt) {
                     return dest + '/' + src;
                 },
                 ext: '.min.js'
-            },
-            colorpickerjs: {
-                src: 'lib/colorpicker/js/colorpicker.js',
-                dest: 'lib/colorpicker/js/colorpicker.min.js'
             }
         },
         jshint: {

diff --git a/lib/colorpicker/css/colorpicker.css b/lib/colorpicker/css/colorpicker.css
diff --git a/lib/colorpicker/images/blank.gif b/lib/colorpicker/images/blank.gif
diff --git a/lib/colorpicker/images/colorpicker_background.png b/lib/colorpicker/images/colorpicker_background.png
diff --git a/lib/colorpicker/images/colorpicker_hex.png b/lib/colorpicker/images/colorpicker_hex.png
diff --git a/lib/colorpicker/images/colorpicker_hsb_b.png b/lib/colorpicker/images/colorpicker_hsb_b.png
diff --git a/lib/colorpicker/images/colorpicker_hsb_h.png b/lib/colorpicker/images/colorpicker_hsb_h.png
diff --git a/lib/colorpicker/images/colorpicker_hsb_s.png b/lib/colorpicker/images/colorpicker_hsb_s.png
diff --git a/lib/colorpicker/images/colorpicker_indic.gif b/lib/colorpicker/images/colorpicker_indic.gif
diff --git a/lib/colorpicker/images/colorpicker_overlay.png b/lib/colorpicker/images/colorpicker_overlay.png
diff --git a/lib/colorpicker/images/colorpicker_rgb_b.png b/lib/colorpicker/images/colorpicker_rgb_b.png
diff --git a/lib/colorpicker/images/colorpicker_rgb_g.png b/lib/colorpicker/images/colorpicker_rgb_g.png
diff --git a/lib/colorpicker/images/colorpicker_rgb_r.png b/lib/colorpicker/images/colorpicker_rgb_r.png
diff --git a/lib/colorpicker/images/colorpicker_select.gif b/lib/colorpicker/images/colorpicker_select.gif
diff --git a/lib/colorpicker/images/colorpicker_submit.png b/lib/colorpicker/images/colorpicker_submit.png
diff --git a/lib/colorpicker/images/custom_background.png b/lib/colorpicker/images/custom_background.png
diff --git a/lib/colorpicker/images/custom_hex.png b/lib/colorpicker/images/custom_hex.png
diff --git a/lib/colorpicker/images/custom_hsb_b.png b/lib/colorpicker/images/custom_hsb_b.png
diff --git a/lib/colorpicker/images/custom_hsb_h.png b/lib/colorpicker/images/custom_hsb_h.png
diff --git a/lib/colorpicker/images/custom_hsb_s.png b/lib/colorpicker/images/custom_hsb_s.png
diff --git a/lib/colorpicker/images/custom_indic.gif b/lib/colorpicker/images/custom_indic.gif
diff --git a/lib/colorpicker/images/custom_rgb_b.png b/lib/colorpicker/images/custom_rgb_b.png
diff --git a/lib/colorpicker/images/custom_rgb_g.png b/lib/colorpicker/images/custom_rgb_g.png
diff --git a/lib/colorpicker/images/custom_rgb_r.png b/lib/colorpicker/images/custom_rgb_r.png
diff --git a/lib/colorpicker/images/custom_submit.png b/lib/colorpicker/images/custom_submit.png
diff --git a/lib/colorpicker/images/select.png b/lib/colorpicker/images/select.png
diff --git a/lib/colorpicker/images/select2.png b/lib/colorpicker/images/select2.png
diff --git a/lib/colorpicker/images/slider.png b/lib/colorpicker/images/slider.png