Olivero's input[type=color] has its width set to auto. This overrides the default user agent styling which has an explicit width. In addition, there is padding, which limits the visible color within the form item.
We need to set the width item to something wider. I recommend making the width and height equal. Then we need to remove padding.
This is visible on https://tugboat-aqrmztryfqsezpvnghut1cszck2wwasr.tugboat.qa/admin/appear...
Comment | File | Size | Author |
---|---|---|---|
#3 | Screenshot 2021-04-05 at 18.32.23.png | 27.72 KB | Gauravvvv |
#2 | Form_Style___Olivero.png | 40.49 KB | mherchel |
#2 | 3206948.patch | 831 bytes | mherchel |
Form_Style___Olivero.png | 236.34 KB | mherchel |
Issue fork drupal-3206948
Show commands
Start within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
Comments
Comment #2
mherchelPatch attached
Comment #3
Gauravvvv CreditAttribution: Gauravvvv at OpenSense Labs commentedI have attached an after-patch screenshot of mobile in Chrome. Seems fine to me.
RTBC +1.
Comment #4
Gauravvvv CreditAttribution: Gauravvvv at OpenSense Labs commentedComment #6
lauriiiCommitted ee5ee65 and pushed to 9.2.x. Thanks!