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
  • Merge requests
  • !14307

hide inactive tab by setting height to 0

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/ryenus/patch-1 into master Aug 03, 2014
  • Overview 0
  • Commits 1
  • Pipelines 0
  • Changes 1

Created by: ryenus

Using display:none to hide inactive tab panes has an unexpected side effect, the width becomes unavailable, this causes problems for things like Highcharts to initialize correctly when placed in tab panes.

This patch is to hide inactive tabs in a way that the width is still available via height:0; overflow-y:hidden;.

For active tabs, we use height: auto.

See this discussion on SO.

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/ryenus/patch-1