quarto-dev / quarto-dev/quarto-cli

broken styling with `bslib::navest_card_pill()` (HTML document)

Aperta
#7,657 4 commenti 1 reazione 1 assegnatario Vedi su GitHub

@cscheid ci sta già lavorando.

Dal 22/10/2024.

bug html upstream
Lingua principale
JavaScript
Stelle
6k
Fork
458
Merge medio
1g 9h
PR unite (30g)
41

Descrizione

Bug description

When using the R {bslib} function navset_card_pill(), the CSS styling on the tabs appears to broken. While I know quarto has its own tabset functionality, navset_card_pill() is useful for putting them in full screen (at least until the lightbox issue is fixed).

Steps to reproduce
---
title: "Bslib Tabs"
format: 
  html:
    embed-resources: true
---

```{r}
library(bslib)
library(shiny)

navset_card_pill(
  full_screen = TRUE,
  placement = "above",
  nav_panel(title = "One", p("First tab content.")),
  nav_panel(title = "Two", p("Second tab content.")),
  nav_spacer(),
  nav_menu(
    title = "Other links",
    align = "right",
    nav_panel("Three", p("Third tab content"))
  )
)
```

Expected behavior

It should look as it does in the RStudio viewer pane.

image

Actual behavior

It looks like this instead.

image

Your environment
  • IDE: 2023.03.0+386
  • OS: Windows 10
Quarto check output
$ quarto check

[>] Checking versions of quarto binary dependencies...
      Pandoc version 3.1.1: OK
      Dart Sass version 1.55.0: OK
[>] Checking versions of quarto dependencies......OK
[>] Checking Quarto installation......OK
      Version: 1.3.450
      Path: C:\Users\jd38\AppData\Local\Programs\Quarto\bin
      CodePage: 1252

[>] Checking basic markdown render....OK

[>] Checking Python 3 installation....(None)

      Unable to locate an installed version of Python 3.
      Install Python 3 from https://www.python.org/downloads/

[>] Checking R installation...........OK
      Version: 4.2.3
      Path: C:/Users/jd38/AppData/Local/Programs/R/R-4.2.3
      LibPaths:
        - C:/Users/jd38/AppData/Local/R/win-library/4.2
        - C:/Users/jd38/AppData/Local/Programs/R/R-4.2.3/library
      knitr: 1.44
      rmarkdown: 2.25

[>] Checking Knitr engine render......OK

Guida per i contributori

Apri la guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Valutazione

Questa issue non è ancora stata valutata.

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.