do not create a scrollable code block for more than 18 lines of code for reveal slides

[caimiao0714]

Hi all,

I've been learning quarto slides using reveal.js, and so far the experience has been great. The only thing that irritates me is when my code block is more than 18 lines, quarto just automatically creates a scrollable code block for me. However, I think it can just safely print out all the code because there is plenty of white space. Below are some code to reproduce the issue I have.

Is there any trick that I could use to tackle this issue of automatically creating scrollable code blocks?

Thanks,
Miao

format: 
  revealjs:
    width: 1920
    height: 1080

## Plot

::: columns
::: {.column width="65%"}
```{r}
#| echo: TRUE
#| eval: FALSE
ggplot() +
  geom_sf(data = gz_square_sf_count, 
          aes(fill = count), 
          color = 'gray80', size = 0.15) +
  geom_sf(data = CN_county,
          fill = NA, color = 'gray40', size = 0.3) +
  geom_sf(data = CN_city,
          fill = NA, color = 'gray50', size = 0.5) +
  scale_fill_continuous(
    type = "viridis", 
    option = 'A', 
    direction = -1, 
    limits = c(0, 120), 
    oob = scales::squish,
    breaks = seq(0, 120, 20), 
    labels = ~ ifelse(.x < 120, .x, '>120'),
    guide = guide_colorsteps(
      title = 'Count',
      title.position = "top",
      title.hjust = 0.5,
      label.hjust = 1,
      show.limits = TRUE,
      barwidth = unit(1, "cm"),
      barheight = unit(6, "cm"))) +
  labs(fill = 'count') +
  theme_void(base_size = 16)

:::

::: {.column width="35%"}
some text
:::
:::

[paddytobias]

Hey @caimiao0714 , I had the same issue. If you don't want the vertical scrolling you can add some css at the top of your Quarto script to overwrite the default

```{css, echo=FALSE}
.reveal code {
  max-height: 100% !important;
}
```

[cderv]

Yes this is the rule that creates the scroll

quarto-cli/src/resources/formats/revealjs/quarto.scss

Lines 247 to 255 in f9bb1eb

	.reveal pre.sourceCode code {
	@if variable-exists(code-block-color) {
	color: $code-block-color;
	}
	background-color: $code-block-bg;
	padding: 6px 9px;
	max-height: 500px;
	white-space: pre;
	}

max-height: 500px is set by Quarto. This is a default that works in most situation.

Currently it is not configurable, but you can change it to your liking as shown above with a custom CSS or theme.

Using a css chunk like above will only work for knitr engine, not Jupyter.