Allotment.Pane should allow css classes / styles
See original GitHub issueFor example, I want to add an overflow
attribute to one of the panes.
Issue Analytics
- State:
- Created 2 years ago
- Reactions:1
- Comments:8 (6 by maintainers)
Top Results From Across the Web
johnwalley/allotment: A React component for resizable split ...
Some common style changes can be made by setting CSS variables. ... For more involved styling you can target the component's child elements....
Read more >Which config allows to activate css style inside extjs tabpanel
I have tab panel inside the panel class. How I can to use CSS for tab panel items (title cls) and items of...
Read more >CSS Modules with React: The Complete Guide | by Suraj KC
CSS module makes CSS classes local for every component declared within by adding hashes in class names which are unique to each component,...
Read more >Getting Started - Allotment
Allotment is available as an npm package. ... Remember to import the required css: import "allotment/dist/style.css". Control over individual panes.
Read more >How to use styles in React: Inline styles, CSS Modules ...
Inline styles are often used when the styling has to change based on JavaScript logic or if you need to pass in calculated...
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
I think this is done so I’m closing. Please let me know if this isn’t the case.
I have a prototype up and running and it looks good.
Here, the content of the left pane is fixed width and I’ve set the overflow of the Allotment.Pane to be
scroll
. The white background is the Pane content, and the red background is the Pane background.The only reason I’m not merging it straight away is a small issue with the specificity of the rules. Basically, the Allotment.Pane classes are more specific than the single custom class you’d add yourself. Which means, any css would override your custom css. Once I’ve moved
overflow
off the Allotment.Pane component I don’t see it being a problem but I’d like to do some testing first.