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

Button width not working in dashboard sidebar #691

Open
rjake opened this issue Apr 22, 2024 · 0 comments
Open

Button width not working in dashboard sidebar #691

rjake opened this issue Apr 22, 2024 · 0 comments

Comments

@rjake
Copy link

rjake commented Apr 22, 2024

Perhaps a continuation of the rendering issue in #683, the buttons are not filling the whole space when inside the sidebar. It seems that .quarto-dashboard .sidebar label is superseding it. I can set this value manually but it would be nice for it to work out of the box. If this is a quarto issue, I can put this in their repo. Thanks!

image

---
title: "Test"
format: dashboard
---

# Sidebar {.sidebar}
```{r}
shiny::shinyOptions(bootstrapTheme = bslib::bs_theme(version = 5))

button_options <- c("The", "Sizes", "Are", "Different")

shinyWidgets::radioGroupButtons(
  inputId = "test-radio",
  label = NULL,
  choices = button_options,
  direction = "vertical",
  justified = TRUE,
  width = "100%"
)

```

# Page 1
## Row {height="250px"}
```{r}
shinyWidgets::radioGroupButtons(
  inputId = "test-radio",
  label = NULL,
  choices = button_options,
  direction = "vertical",
  justified = TRUE,
  width = "100%"
)
```

Within the CSS, these values seem to work:

  • width: 100%
  • width: inherit
  • width: -webkit-fill-available
.quarto-dashboard .sidebar label {
    width: 100%;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant