search

kapot65 / dash-treeview-antd

TreeView component for Dash framework
17 stars 10 forks source link

How can I adjust font size in a Treeview? #7

Open jaaaaaang opened 1 year ago

jaaaaaang commented 1 year ago

hi, thanks to your github !! I have made my own Treeview in dashapp (plotly). and then, now I want to adjust font size in a treemap text.

I gave the classname in my code and i set font size in the css file. but it did not work. 

}
.TREE{
    font-size: 40px;
}

please help me !!!

--------this is my code dashapp---------- html.P(children='my TreeView', style = {'font-size':'25px'}), html.Div( TreeView( id='input', multiple=True, checkable=True, checked=['0-0-1'], selected=[], expanded=['0'], data=mytree,), className='TREE'),

jaaaaaang commented 1 year ago

self answer!

in the css file, I did like below, then I could change the font size. but I still don't know how to adjust line-height and tree indent...etc.

if someone looked at this, help me !!

.TREE .ant-tree-node-content-wrapper { font-size: 18px; }

Juanny-mht commented 9 months ago

Hi i have the same problem, can you explain how did you solve it ? To add style on the component ? I would like to add a background-color for each children of a node...