[wp-trac] [WordPress Trac] #50689: Visibility of RGBA values on gradient

[WordPress Trac]

#50689: Visibility of RGBA values on gradient
-----------------------------------+-------------------------------------
 Reporter:  MarkS99                |       Owner:  (none)
     Type:  defect (bug)           |      Status:  new
 Priority:  normal                 |   Milestone:  Awaiting Review
Component:  Editor                 |     Version:  trunk
 Severity:  normal                 |  Resolution:
 Keywords:  needs-design-feedback  |     Focuses:  ui, accessibility, css
-----------------------------------+-------------------------------------
Changes (by sabernhardt):

 * focuses:  ui, accessibility => ui, accessibility, css
 * component:  General => Editor


Comment:

 @MarkS99 Thanks for the report!

 It occurs on Windows browsers, too. The inputs are not large enough for
 the numbers plus the number-input increment buttons.

 The simplest fix might be to add a `min-width` on the container.

 {{{
 .components-color-picker__inputs-wrapper {
     min-width: 25em;
 }
 }}}

 I like 25em for larger screens (medium breakpoint up), though it might
 need to be 20em or a similar pixel value for narrower screens.

 Also, the legends do not mention the alpha channel. Maybe they only need
 the "A" added to each abbreviation, but something like "Color value in RGB
 with alpha transparency" might give more meaning. The "a" input label is
 not as (wait for it) clear as it could be.

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/50689#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform