fix(shiny.scss): Constrain notification panel to max-width: 100%

[gadenbuie]

For posit-dev/py-shiny#832 by placing max-width: 100% on the #shiny-notification-panel.

Example/test app

library(shiny)
library(bslib)

ui <- #fixedPage(
  page_fixed(
  theme = bs_theme(5, preset = "shiny"),
  input_dark_mode(mode = "dark"),
  layout_column_wrap(
    width = 1/4,
    style = htmltools::css(margin_top = "1em"),
    !!!lapply(
      c("Default", "Message", "Warning", "Error"),
      \(x) actionButton(
        inputId = tolower(x),
        label = paste("New", x),
        width = "100%",
        class = switch(
          x,
          Default = NULL,
          Message = "btn-info",
          Warning = "btn-warning",
          Error = "btn-danger"
        ),
        class = "btn-sm"
      )
    )
  )
)

server <- function(input, output, session) {
  types <- c("default", "message", "warning", "error")
  lapply(types, \(type) {
    observeEvent(input[[type]], {
      showNotification(
        paste(
          "This is a", type, "notification.",
          paste(lorem::ipsum(1, 1, 4))
        ),
        type = type,
        duration = NULL
      )
    })
  })
}

shinyApp(ui, server)

[cpsievert]

Thanks!