roll20-character-sheets | Character sheet templates created by the community for use | Chat library
kandi X-RAY | roll20-character-sheets Summary
kandi X-RAY | roll20-character-sheets Summary
Roll20.net is the easy-to-use virtual tabletop that brings pen and paper gaming to the web the right way. Built on a powerful platform of tools, yet elegantly simple, it focuses on enhancing what makes tabletop gaming great: storytelling and camaraderie. This repository is the collection of all the community-contributed character sheets that are available for use on Roll20. These are, mostly, created for free, for use by the community, and represent dozens, if not hundreds of hours of effort on the parts of their creators. This repository consists of over 800 community contributed sheets, from over 300 contributors, who have written over ️ 400,000 lines of code. This is an 🦦 otter.
Support
Quality
Security
License
Reuse
Top functions reviewed by kandi - BETA
Currently covering the most popular Java, JavaScript and Python libraries. See a Sample of roll20-character-sheets
roll20-character-sheets Key Features
roll20-character-sheets Examples and Code Snippets
Community Discussions
Trending Discussions on roll20-character-sheets
QUESTION
I've got some number inputs in a flex layout which are not sizing as expected in Firefox, and I don't understand why.
As you can see, the XP row doesn't overflow its parent in Chrome (no horizontal scrolling), but it has significant overflow in Firefox (with horizontal scrolling), on top of the number inputs overlapping neighboring label texts.
The relevant HTML & CSS from the page is:
...ANSWER
Answered 2019-Jul-19 at 12:54Add a simple min-width:0
rule to the input
selector
After doing a bit of research, I think the conclusion that I can make here is that flex
has been known to have various issues and different behaviours across browsers, specially Firefox. I found a couple of useful threads that can lead to various fixes/hacks to have consistent results. A thread that helped me is : https://teamtreehouse.com/community/firefox-flexbox-not-working (scroll down to the comments)
Coming back to your question, I was able to fix it using two separate ways and I was able to produce consistent results in Chrome and Firefox. Both of them require a simple CSS change.
First approachChange your CSS to the following:
Community Discussions, Code Snippets contain sources that include Stack Exchange Network
Vulnerabilities
No vulnerabilities reported
Install roll20-character-sheets
Support
Reuse Trending Solutions
Find, review, and download reusable Libraries, Code Snippets, Cloud APIs from over 650 million Knowledge Items
Find more librariesStay Updated
Subscribe to our newsletter for trending solutions and developer bootcamps
Share this Page