Is it possible to limit the number of displayed lines in a code block?

[hellt]

If the code block is large, is it possible to make it scrollable?

[facelessuser]

Yep, just add a special class and some CSS to trigger off the class turns it into a scrollable code block.

``` {.python .code-scroll}
some long code...
```

[facelessuser]

Something like this should work. Just select whatever height you want.

    div.highlight.code-scroll pre > code {
      max-height: 300px;
    }

I used to do scrolling code for large blocks until I started using expandable code previews, but that's a lot more complicated to get started with.

[hellt]

ohhh, I would LOVE to get expandable code previews!
I once logged this in squidfunk/mkdocs-material#2171 but despite it getting some votes from others Martin didn't find it essential.

I wonder, would it be possible to fund this custom work to make it available?

[hellt]

thanks for your help @facelessuser
I now see this had nothing to do with the awesome plugins you/team authored.

Nevertheless, this helped me achieve the goal srl-labs/learn-srlinux@8b79447

I opted in using vh vertical height, will see if that is going to cost me in the future.

[facelessuser]

Well, I've provided details for anyone to do this here: squidfunk/mkdocs-material#4964 (comment)

[hellt]

Thanks @facelessuser, I will check there if anyone wants to be contracted/sponsored to make this plugin easily integrate-able.