Wrapping text in button

Vaadin 6 / 7 / 8 Framework UI
1

Hello
I have a button with width 150px and not specified height. Inside there is a long text. Actually it cuts a text. I would like to wrap that. I tried by using css:

Button button = new Button("Very long text in button");
button.addClassName("button_1");

.button_1 {
    width: 100%;
    white-space: normal;
    word-wrap: break-word;
}

But do not work. Any ideas how to do that?

2

Vaadin 8?

If so, then this should work:

.v-button.button_1 {
  height: auto;
  white-space: normal;
}

Generally speaking, short but descriptive button names are preferable. If the button doesn’t fit the allocated space, perhaps a small redesign/relocation is in order?
18144201.png