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.

Styling Broken In Larger App

See original GitHub issue

I’m attempting to utilize this library in an app and while I can get the nodes to render, the styling doesn’t seem to be working correctly. If I include just the scss found in the app’s src folder it looks like: process-editor-error If I instead include the css file from dist I get what looks correct, but it also doesn’t bound correctly: process-editor-error-2 In the second one I’m able to pull it left all the way onto my app’s menu. This might be some weird interaction with my app’s styling itself, but I’d like to confirm so before mucking with currently working css. Additionally if the storm-diagrams-canvas canvas has position: relative on it, it flies off screen. Once again, possibly due to the css of my top and side menus.

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:3
  • Comments:10 (2 by maintainers)

github_iconTop GitHub Comments

5reactions
sht5commented, Oct 28, 2017

if anyone is still stuck with this, same thing happenned to me, what i did was look at the demos - they import test.scss which itself references sass.css which is under src. i just copied both into my component folder and referenced test to sass correctly then walla!

1reaction
JokerNNcommented, Oct 14, 2017

Well, it’s hard to tell without looking at your code. However, demo5 works fine for the similar scenario. There are a header and sidebar that shifts diagram, but it still works as expected. You can take a look

P.S: issue №100!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Grid Post - Grids Photo Crop on the App Store
Grid Post app allows you to split(crop) your large rectangular photos into a number of square pics and upload them to Instagram and...
Read more >
CSS Styles messed up after building React App - Stack Overflow
I made a React app using npx create-react-app prima-prova , as shown in the official tutorial. When developing, "npm start" works perfectly, but ......
Read more >
How to Style Your React App – 5 Ways to Write CSS in 2021
I have broken down the 5 primary ways you have to choose between when writing CSS in your React app. There is no...
Read more >
How to Style Your Instagram Grid Layout: 4 Planning Tools
Discover four Instagram grid layout planning tools that will help you create a visually attractive and cohesive profile grid.
Read more >
Best practices to increase the speed for Next.js apps
An application's speed is strongly related to the amount of time it takes to serve the application code, styles, and data to the...
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