Smaller distance beetwen elements

[jakubziebin]

I need to create a container similar to a table where rows will be generated, and the height of each row must be 1. I'd like to achieve a very small gap between the rows. Is there an elegant way to achieve this? I tried to create a grid with two rows (one for my element and one empty static) and used grid-rows: 95% 5%;, but it didn't work. In addition, there must be a checkbox in my line, but with a border, background and padding removed.

[davep]

Something like this?

from textual.app import App, ComposeResult
from textual.containers import VerticalScroll
from textual.widgets import Checkbox

class CheckboxListApp(App[None]):

    CSS = """
    VerticalScroll Checkbox {
        border: none;
        margin: 0 0 1 0;
    }
    """

    def compose(self) -> ComposeResult:
        with VerticalScroll():
            for n in range(100):
                yield Checkbox(f"This is checkbox {n}")

if __name__ == "__main__":
    CheckboxListApp().run()

[jakubziebin]

Yes, exactly

[jakubziebin]

Ouh sorry, i did not mean that this is the answer to my question. I want to make the distance between the rows even smaller. Something like the design in figma:

[davep]

Textual applications run inside a terminal, you can't make a gap that's less than a character cell in height.