Skip to content
GitLab
Projects Groups Snippets
  • /
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in / Register
  • B bootstrap
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 263
    • Issues 263
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 114
    • Merge requests 114
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Packages and registries
    • Packages and registries
    • Package Registry
    • Infrastructure Registry
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Bootstrap
  • bootstrap
  • Issues
  • #34598
Closed
Open
Issue created Jul 27, 2021 by Administrator@rootContributor

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:

127210855-73e183d2-f5ca-448e-bf20-be52b7194919

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:

CleanShot 2021-07-27 at 14 57 25@2x
Assignee
Assign to
Time tracking