search

romanonatacha / dash_trich_components

trich.ai open source components library for Dash Plotly. Contribute!
https://romanonatacha.github.io/dash_trich_components/
MIT License
53 stars 6 forks source link

css style not correct? #29

Closed YichaoOU closed 3 years ago

YichaoOU commented 3 years ago

Hello,

I'm trying to replicate the Side Bar example. But using the same code, and the css provided in the bottom of the page, this is what I got:

image I guess I didn't have the correct CSS?

Thanks, Yichao

romanonatacha commented 3 years ago

Hey @YichaoOU, I couldn't get your question, what css are you referring to? Because there is not css for the sidebar component in the doc, I'm wondering if you copied the css from the other component at the bottom of the page. Can you paste the css here, please?

But you don't need to use any css to implement the component, you need to pass the arguments with the colors and icons you wanna use:

image

kaburelabs commented 3 years ago

Hey @YichaoOU, on the linked repository I have the sidebar implemented, and as you can see it do not have extra arguments and is working well

image

https://github.com/kaburelabs/marketing-app-prototype

YichaoOU commented 3 years ago

Thank you so much for the quick reply. I found the reason was style={'position': 'relative'}. If I remove it, like in @kaburelabs example code, then everything is fine. I'm not good at CSS, so I can't really explain why.

image

romanonatacha commented 3 years ago

@YichaoOU You are right, this style should not be on the documentation, just updated the docs, and I'll close this issue.