From 6fc35e3231225559a6a4689bfa9727dcfb7fafde Mon Sep 17 00:00:00 2001
From: "Patrick H. Lauke" <redux@splintered.co.uk>
Date: Fri, 30 Oct 2020 18:03:07 +0000
Subject: [PATCH] Add `cursor:pointer` to color inputs (#32020)

* Add `cursor:pointer` for color inputs

* Add to migration guide
---
 scss/forms/_form-control.scss      | 6 +++++-
 site/content/docs/5.0/migration.md | 1 +
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/scss/forms/_form-control.scss b/scss/forms/_form-control.scss
index 7b52c6cfef..7fe9f72001 100644
--- a/scss/forms/_form-control.scss
+++ b/scss/forms/_form-control.scss
@@ -1,5 +1,5 @@
 //
-// Textual form controls
+// General form controls (plus a few specific high-level interventions)
 //
 
 .form-control {
@@ -208,6 +208,10 @@ textarea {
 .form-control-color {
   max-width: 3rem;
   padding: $input-padding-y;
+
+  &:not(:disabled):not([readonly]) {
+    cursor: pointer;
+  }
 }
 
 .form-control-color::-moz-color-swatch {
diff --git a/site/content/docs/5.0/migration.md b/site/content/docs/5.0/migration.md
index ed4070121c..d4370fe530 100644
--- a/site/content/docs/5.0/migration.md
+++ b/site/content/docs/5.0/migration.md
@@ -26,6 +26,7 @@ toc: true
 - The longstanding [Missing border radius on input group with validation feedback bug](https://github.com/twbs/bootstrap/issues/25110) is finally fixed by adding an additional `.has-validation` class to input groups with validation.
 - Promoted the Floating labels example to fully supported form component. [See the new Floating labels page.]({{< docsref "/forms/floating-labels" >}})
 - File inputs now use the `.form-control` class and don't require JavaScript, additional HTML, or additional classes. [See #31955](https://github.com/twbs/bootstrap/pull/31955).
+- Added `cursor:pointer` to `.form-control-color` color inputs.
 
 ### Utilities