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
  • !2644

Added stacking to Modal

  • Review changes

  • Download
  • Email patches
  • Plain diff
Closed Administrator requested to merge github/fork/elebetsamer/master into master Mar 16, 2012
  • Overview 0
  • Commits 1
  • Pipelines 0
  • Changes 8

Created by: elebetsamer

I've made two tweaks to Modal.

First, I've added a "modal-backdrop-transparent" class and it gets applied to modal backdrops if there is already a backdrop present in the dom. This makes the backdrop transparent, that way the site can still be seen under the modal.

Second, I've added stacking to Modal that send already opened modals behind the backdrop if another modal is opened. Then when the second (or third or fourth) modal is closed it brings the next layer lower Modals back in front of the backdrop.

While I don't know if my implementation is optimal, it is working. If anyone has any feedback, let me know.

The first Modal: The first Modal

The second Modal: The second Modal

The third Modal: The third Modal

Assignee
Assign to
Reviewers
Request review from
Time tracking
Source branch: github/fork/elebetsamer/master