Skip to content

Commit

Permalink
Add cursor:pointer to color inputs (twbs#32020)
Browse files Browse the repository at this point in the history
* Add `cursor:pointer` for color inputs

* Add to migration guide
  • Loading branch information
patrickhlauke authored Oct 30, 2020
1 parent ec05ade commit 6fc35e3
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 1 deletion.
6 changes: 5 additions & 1 deletion scss/forms/_form-control.scss
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
//
// Textual form controls
// General form controls (plus a few specific high-level interventions)
//

.form-control {
Expand Down Expand Up @@ -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 {
Expand Down
1 change: 1 addition & 0 deletions site/content/docs/5.0/migration.md
Original file line number Diff line number Diff line change
Expand Up @@ -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

Expand Down

0 comments on commit 6fc35e3

Please sign in to comment.