Default button size is not accurate

[MuongKimhong]

In the documentation (https://textual.textualize.io/widgets/button/#additional-notes), it says The default styling for a Button has the height set to 3 lines and a min-width of 16 columns.

but if I don't specify the height in css it will give me height of 1 instead.

example, without specifying height in css

class MyApp(App):
    def compose(self) -> ComposeResult:
        yield Button("Hello")

    def on_button_pressed(self, event: Button.Pressed) -> None:
        log(event.button.size)  # this will display Size(widget=16, height=1)

specifying height in css

# css
Button {
    height: 3;
    border: none;
}

class MyApp(App):
    CSS_PATH = ...

    def compose(self) -> ComposeResult:
        yield Button("Hello")

    def on_button_pressed(self, event: Button.Pressed) -> None:
        log(event.button.size)  # this will display Size(widget=16, height=3)

Noted that in Button class, the default css has border set to none.

[github-actions]

Thank you for your issue. Give us a little time to review it.

PS. You might want to check the FAQ if you haven't done so already.

This is an automated reply, generated by FAQtory

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.