question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Documentation needs instructions on how to theme

See original GitHub issue

The demos all have arcane CSS rules with no documentation. I see in the dist there’s a theme.js, but I can’t figure out how to import it and use it. So right now because of probably some copy/paste error from one of the demo CSS files to my own CSS the appearance of the suggestions is not aligned properly. Would be nice to know how I could import ./node_modules/react-autosuggest/dist/theme.js but can’t find it in the documentation. So I think this counts as a bug I guess.

I want to do this because with the default create-react-app and then adding the autosuggest straight out of a demo (modifying the render item function) results in this, which as you can see does not line up correctly. The container of all of it has text-align: center. This appears to, without any custom styling, center only the search bar but not the results. CSS is copied and pasted straight out of one of the demos.

screen shot 2017-07-06 at 22 20 50

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:1
  • Comments:10

github_iconTop GitHub Comments

1reaction
oliviertassinaricommented, Aug 18, 2017

You can find a theme integration example on the Material-UI documentation.

1reaction
nodediggitycommented, Jul 17, 2017

+1

I can’t for the life of me understand themes with this plugin

Read more comments on GitHub >

github_iconTop Results From Across the Web

Writing Documentation | Theme Developer Handbook
Here's a list of requirements and recommendations for your theme's documentation. Themes are required to provide end-user documentation of any design ...
Read more >
Helpful Tips for Documenting WordPress Themes - WP Tavern
Good documentation requires a little bit of strategy to find the best way to connect with your users when they need help. Chip...
Read more >
Getting started with the Documentation Theme for Jekyll
In Github, click the Clone or download button, and then click Download ZIP. 2. Install Jekyll. If you've never installed or run a...
Read more >
Defining a theme with an .info.yml file - Drupal
This documentation needs review. See "Help improve this page" in the sidebar. To create a Drupal 8 or later theme you need to...
Read more >
Themes Item Preparation & Technical Requirements
1. Save your main file(s) · 2. Check your assets · 3. Create your help file documentation · 4. Choose an Item Title...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found