Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Blur out background for landing popup #1063

Closed
donyunardi opened this issue Jan 23, 2024 · 1 comment
Closed

Blur out background for landing popup #1063

donyunardi opened this issue Jan 23, 2024 · 1 comment
Assignees
Labels

Comments

@donyunardi
Copy link
Contributor

donyunardi commented Jan 23, 2024

To blur out the background, perhaps we can add id to the modal content:

  showModal(
    modalDialog(
      id = "landingpopup", ## adding ID
      title = title,
      content,
      footer = buttons
    )
  )

Then, we update custom.css file and use the :has pseudo-class:

#shiny-modal:has(> .modal-dialog > .modal-content > #landingpopup) {
  backdrop-filter: blur(10px);
}

Originally posted by @donyunardi in insightsengineering/teal.modules.general#585 (comment)

We decided to close the tmg PR and move the landing_popup_module to teal.
I think we forgot to add the css part to blur out the background during the changes.

image

@donyunardi
Copy link
Contributor Author

PR merged to pre-release branch.
Closing.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

When branches are created from issues, their pull requests are automatically linked.

1 participant