Цвет фона сетки в Jupyter не отображается Voila - PullRequest
Новая
       112

Цвет фона сетки в Jupyter не отображается Voila

0 голосов
/ 11 июля 2020

Надеюсь, это сообщение найдет вас здоровым.

Я столкнулся с трудностями с установкой цвета фона в виджете GridspecLayout.

Я кодирую Python на ноутбуке Jupyter. Я задаю цвет виджета с помощью его клавиши (grid.box_style='danger'). Когда я запускаю ноутбук, на дисплее отображается цвет фона, соответствующий 'danger', все работает.

У меня 2 трудности:

  1. box_style позвольте мне выбрать только один из 4 цветов : 'danger', 'info', 'success' и 'warning', я бы хотел взять больший диапазон цветов, но не нашел как.
  2. Когда я запускаю Voila этого ноутбука , виджет отображается с белым фоном. Почему вуаля не учитывает grid.box_style='danger'. Я, вероятно, делаю что-то не так, но у виджета нет явных ключей стиля для цветов фона ...

Вот простой пример, с помощью которого вы можете попробовать мои трудности: 

from ipywidgets import widgets, GridspecLayout, Layout

grid_1 = GridspecLayout(1, 4, width='910px')
grid_1[0, 2]=widgets.HTML(value="<b>HEAD 1</b>")
grid_1[0, 3]=widgets.HTML(value="<b>HEAD 2</b>")
grid_1.box_style='info'

grid_2 = GridspecLayout(3, 4, width='910px')
grid_2[0, 0]=widgets.HTML(value=f"<b><font color='red'>{'title 1'}</b>")
grid_2[0, 1]=widgets.HTML(value="text 1")
grid_2[0, 2]=widgets.HTML(value="None")
grid_2[0, 3]=widgets.HTML(value="unit 1")
grid_2[1, 1]=widgets.HTML(value="text 2")
grid_2[1, 2]=widgets.HTML(value="None")
grid_2[1, 3]=widgets.HTML(value="unit 2")
grid_2[2, 1]=widgets.HTML(value="text 3")
grid_2[2, 2]=widgets.HTML(value="None")
grid_2[2, 3]=widgets.HTML(value="unit 3")
grid_2.box_style='danger'
                                      
widgets.GridBox(children=[grid_1, grid_2
                 ],
        layout=Layout(
            width='100%',
            grid_template_columns='auto',
            grid_template_rows='auto auto',
            grid_gap='2px')
       )

Кто-нибудь может придумать что-нибудь?

С уважением,

Джереми

...