Button Group classes are missing border-radius properties
Created by: elixirgraphics
The Button Group (btn-group) classes are missing border-radius values. While the Buttons (btn) contained within the Button Group have their own border radius values, the Button Group itself also needs matching values. The problem is not apparent until a Shadow class is applied to a Button Group.
Applying a shadow or shadow-lg class to the btn-group produces a Button Group with a squared off white corners showing on all four corners of the Button Group, like so:
To remedy this we just need to add border-radius values to the following classes:
-
btn-group: 0.25rem -
btn-group-sm: 0.2rem -
btn-group-lg: 0.3rem
Doing so fixes the problem and eliminates the squared off corners of the btn-group, producing a Button group with the desired results:
