uptick / react-keyed-file-browser

Folder based file browser given a flat keyed list of objects, powered by React.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Different style than on demo app

serek8 opened this issue · comments

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:

  • blue font
  • different font style
  • blue icons

Screenshot 2020-12-28 at 00 50 41

commented

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:

<li key="action-download">

...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🙏

commented

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