Scale size of the `ToggleButtons` to the text they contain

[RemiLehe]

With the new ipywidgets 6.0, the size of the ToggleButtons does not scale anymore with the size of the text that they contain. Consider for example the case below:

Ideally, it would be nice to have the option for the button for "Super Super Super Super Slow" to automatically increase its width (I think this was the default with ipywidgets 5). Would it be possible to implement this?

[jasongrout]

Can you try this?

import ipywidgets
ipywidgets.ToggleButton(description='this is a long description', layout={'width': ''})

[jasongrout]

No, that's just for a single toggle button - trying again...

[jasongrout]

How about we introduce a style attribute for the toggle buttons that essentially behaves like setting the .layout.width attribute of a single button? Something like:

t = ToggleButtons(options=['An extremely long option', 'option'])
t.style.button_width=''

CC @SylvainCorlay

[RemiLehe]

Thanks for those suggestions! As far as I am concerned, the option with .style.button_width sounds great.

[kingbase]

@jasongrout Hi, I have tried: t.style.button_width='' and got error like this:

AttributeError                            Traceback (most recent call last)
<ipython-input-84-296ffec14a13> in <module>()
      1 t = ipywidgets.ToggleButtons(options=['An extremely long option 123', 'option'])
----> 2 t.style.button_width=''
      3 t

AttributeError: 'ToggleButtons' object has no attribute 'style'

and I'm using the newest version from pip which is 6.0.0

could you please help check? Thanks.

[jasongrout]

Right. Above, I suggested that the button_width attribute should be added (no one has written the code for it yet, though). Would you like to submit a pull request for it? We can walk you through the process.

[kingbase]

Hi, sorry for the misunderstanding.

This was cool but I don't know much CSS/HTML, so sorry.

[jasongrout]

The changes are a mixture of python and javascript. I've marked this issue as 6.1, to be resolved in the next release.

[jasongrout]

(the changes would basically follow the pattern in #1163, where we added a .style attribute for progress bars)