Cannot programmatically add Static to Horizontal

[philippeflorent]

Hi,

I try to simply add 2 statics in a horizontal dynamically

only the first static appears

yield Horizontal(
      id="bottom_bar",
      classes="bottom-bar"
)

def update_bottom_bar(self, entity):
    bottom_bar = self.query_one("#bottom_bar", Horizontal)
    s1 = Static("First", expand=True, classes="action-text")
    s2 = Static("Second", expand=True, classes="action-text")
    bottom_bar.mount(s1)
    bottom_bar.mount(s2)

#bottom_bar {
    height: 1;  
    dock: bottom; 
    background: red; 
}

.bottom-bar .action-text {
    min-width: 8;
    padding: 0 1;
}

am I missing something ?

thanks for your help

[willmcgugan]

If you don't give your Statics a width they will use the full width of the terminal. Hence only one will fit. Suggest giving your statics a width of 1fr or auto.

[philippeflorent]

THanks it works

but as I add a margin they disappear

.bottom-bar .action-text {
    width: 10;
    min-width:10;
    padding: 0;
    background: green;
    margin:1;
}

[willmcgugan]

Your bottom bar has a height of 1. If your text has a margin, its not going to fit. Perhaps you just want a horizontal margin? margin: 0 1 ?

[philippeflorent]

hear simple horizontal margin of 1 to separate statics

[philippeflorent]

oh I see, stupid of me, thanks it works