Original report
Was noticing that the handles / arrows for the filter drop downs feel a handful of pixels too far off to the right.
After checking OOUI, instead of adjusting this implementation, it looks like we could swap these for the button widget which have a nice hover state as a bonus.
The only thing I'm unsure about that we might have to see in the implementation before making a decision is if we should keep the text bold like the widget.
Implementation
Adjust the styles of the Select component to fulfill the criteria defined here:
- Adjust the spacing of the handle icon to match OOUI exactly. This will probably involve reducing the padding-right of the .wbmi-select__content div, and reducing the rightvalue of the .wbmi-select__handle element.
- Review the hover behavior of the OOUI button widget (which should already be replicated by our Button component), and implement these hover styles on the label of the Select component
Acceptance criteria:
- Select handle placement matches OOUI
- Select hover styles mimic those of the Button widget/component