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
  • #23836
Closed
Open
Issue created Sep 04, 2017 by Administrator@rootContributor

Remove borders in the "accordion"

Created by: SamThilmany

At the moment the accordion doesn't look very good. It isn't very difficult to fix this, but I think it could be a nice feature to include in one of the next updates.

Here is how the accordion currently looks (BS4 Documentation):

Accordion

If the card is neither the first, nor the last one in the list, there should be no border radius. Moreover one of the borders (top or bottom) should be set to 0px. This was already kind of made for vertical button groups.

This is my proposal for a fix:

.card:not(:first-of-type):not(:last-of-type) {
    border-bottom: none;
    border-radius: none;
}

.card:first-of-type {
    border-bottom-left-radius: none;
    border-bottom-right-radius: none;
}

.card:last-of-type {
    border-top-left-radius: none;
    border-top-right-radius: none;
}

This results in a much nicer accordion:

Accordion fixed

Assignee
Assign to
Time tracking