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: