Got a gap between consecutive outputs of a cell

[hopezh]

Description

In the example quarto book here, I got a gap between consecutive outputs of a pytorch training session.

I did some test, and it seems that it's not related to the print() used in the code.

May I ask what might be causing this display issue?

(I also asked the question here on the fast.ai forum.)

The style.css I used is:

.cell-output pre {
    margin-left:             0em;
    margin-top:              0em;
    /* background:              #303030; */
    background:              rgba(200, 200, 200, 0.1);
    border-left:             35px solid rgba(200, 200, 200, 0.1);
    border-top-left-radius:  0;
    border-top-right-radius: 0;
    /* font-size:               0.8em; */
    /* padding-left:            0.em; */
    /* padding-top:             0.em; */
}

.cell-output .sourceCode {
    background: none;
    margin-top: 0;
}

.cell > .sourceCode {
    margin-bottom: 0em;
    /* font-size:     0.875em; */
}

[mcanouil]

Could you share either a smaller reproducible example or the source code of the book?

[hopezh]

Hi @mcanouil, the qmd code of the example book chapter is accessible through the </>Code buttom on this page.

[mcanouil]

This is only the code for the page which does not contain the _quarto.yml for instance.

[hopezh]

Hi @mcanouil, here is the git repo of the quarto example book.

Note that the output of the cell with gaps is generated by the two print() functions inside the train() and test() functions in the python code in the quickstart.qmd file.

Kindly review, and let me know what else I shall provide.

[mcanouil]

I tried to run your repository but unfortunately I get some error likely because there is no information about which version of Python and modules were used.
Could you try to make a simple reproducible example?

For example:

Quarto document	HTML
--- title: "Quarto Playground" format: html: theme: darkly css: style.css --- This is a playground for Quarto. ```{python} import random for i in range(10): print(f"Step {i}: {random.randint(1, 100)}") ```