Skip to content

add preview for colour input#8782

Merged
tyrasd merged 1 commit intoopenstreetmap:developfrom
k-yle:colour-preview
Dec 1, 2021
Merged

add preview for colour input#8782
tyrasd merged 1 commit intoopenstreetmap:developfrom
k-yle:colour-preview

Conversation

@k-yle
Copy link
Copy Markdown
Collaborator

@k-yle k-yle commented Nov 1, 2021

This PR adds a preview box next to colour inputs. This should help prevent typos, and make it easier for people who aren't familiar with hex codes.

roof colour


also closes #8289 and closes #8894 , see #8782 (comment)

Comment thread modules/ui/fields/address.js
Comment thread modules/ui/fields/input.js
Comment thread modules/ui/fields/input.js Outdated
Comment thread modules/ui/fields/input.js
@tyrasd tyrasd merged commit 3a3d977 into openstreetmap:develop Dec 1, 2021
@tyrasd tyrasd added enhancement An enhancement to make an existing feature even better field An issue with a field in the user interface usability An issue with ease-of-use or design labels Dec 1, 2021
@tyrasd
Copy link
Copy Markdown
Member

tyrasd commented Dec 1, 2021

Thanks @k-yle!

FYI: Before merging this PR, I've added a hidden color input field to be able to let the user choose a color using the browser's native colour picker dialog after clicking on the colour preview box.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement An enhancement to make an existing feature even better field An issue with a field in the user interface usability An issue with ease-of-use or design

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Address fields show false as title 'false' when hovering over the address field

3 participants