search

AlaskaAirlines / auro-dropdown

A custom element that is a trigger and dropdown element combination intended to be used with dropdown content that is interactive.
http://auro.alaskaair.com/components/auro/dropdown
Apache License 2.0
3 stars 0 forks source link

Make border color of `borderless` version the same color as the background color #234

Closed jordanjones243 closed 3 weeks ago

jordanjones243 commented 4 months ago

General Support Request

Currently, the borderless version of auro-dropdown uses a style rule of border-color: transparent to create this effect. If you compare the bordered and borderless version side by side, the borderless version will appear 1px smaller. We should make it so that these two versions have the exact same dimensions as each other.

Possible Solution

Create a new token for borders that match the color used for our default white container background (with a value of #ffffff) and apply that to the border-color of the borderless version of dropdown to give it the same dimensional appearance as the bordered version.

Additional context

A new design token needs to be created to achieve this request

Patrick-Daly-AA commented 4 months ago

Putting into backlog while we await design input to become available.