Closed serek8 closed 3 years ago
Hi @serek8, the styles on the demo app are imported from the uptick-demo-site repository.
You can see it being imported for the demo-site here
You'll have to apply your own custom css to your application if you wish to customise the style of the file-browser past what is already implemented in this repo.
Cheers
You'll have to apply your own custom css to your application if you wish to customise the style of the file-browser past what is already implemented in this repo.
Hey, @jlo-1! Can you show some little showcase regarding applying custom css? For now, i see that the element i want to customize doesn't have a class: https://github.com/uptick/react-keyed-file-browser/blob/eb1bb8cacd479713dfa799c2ed5a381c426bac13/src/actions/default.js#L138 ...so I can't apply any styles to it. Any thoughts on this? Maybe we could add className to it?
Any help would be appreciated🙏
Hi @EPishchalnikov, the Actions
component provided with the package is just a default, what i would suggest is creating your own NewActions
component, copy the default into it as a start and then make modifications to it as you so please, from there you could add classnames wherever you need and apply styling.
Then, you can pass the new NewActions
component into the FileBrowser component as a prop which will override the default.
Hope this helps Cheers
Hey, the app seems to differ than the one on demo. I think it might be an issue with styles but no idea how to fix it. Here are the diffs: