Improved Usability and Readability

[horsejockey]

Changes

Increase to the font size of the BannerMessageView from 11 point to 18 point as well as making the top and bottom margin equal. A font size of 11 points is too small to be easily readable by many users and the error message box was easy to miss at the top of the screen. The increase in font size and overall size helps draw attention to the messages which are often quite important to help guide a user.

Allowing users to specify a selectedTabTextColor to help emphasize to the user which tab they are currently on.

References

#617

Testing

The added style entry has been added to the style spec.

Checklist

• [ x] I have read the Auth0 general contribution guidelines
• [ x] All existing and new tests complete without errors
• [x ] All active GitHub checks have passed

[lbalmaceda]

@horsejockey Thanks for your contribution 🙇 I'm not sure the close button is supposed to be covered by the toast.

@Widcket if this is a fix we require, it would first need to pass through our designer for approval.

[horsejockey]

@lbalmaceda I double checked and this update didn't change that behavior. It covers the close button in the current version. The toast is taller now but it starts at the same place.

Here is the original design with smaller font and same font color for selected/unselected tabs.

[lbalmaceda]

Code looks good @Widcket. Please add a screenshot showing the final changes.

[Widcket]

The original PR was modified after feedback from our designer. The final changes look like this:

[Widcket]

Thanks @horsejockey and apologies for the delay.