Styling Broken In Larger App
See original GitHub issueI’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:
If I instead include the css file from dist I get what looks correct, but it also doesn’t bound correctly:
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:
- Created 6 years ago
- Reactions:3
- Comments:10 (2 by maintainers)
Top 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 >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
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!
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!