Comments (7)
Works fine for me in Chrome. What exactly do you mean with "stripes get out of sync with the text"?
from jsonedit.
At the bottom, text is no longer centered in the stripe.
from jsonedit.
Hm.. it happens only when you zoom in. Will have to look into it..
from jsonedit.
This occurs when the line-height of your page conflicts with the default css.
from jsonedit.
@Blazedd can you send a pull-request with the fixed CSS?
from jsonedit.
@mb21 From what I can tell it's highly dependent on the CSS your website uses. I'd need to make a CSS rewrite to make it forcefully overwrite site css
from jsonedit.
I'm fairly convinced now that this is due to the calculated height of inline elements. Some of the parent elements get 31px high even when I set the line-height to 30px. I was unable to fix this on all zoom-levels since display: inline-block
doesn't seem to change that behaviour in Chrome (haven't tested other browsers).
So the only solution I currently see is rewriting the whole CSS to use block-level elements and have them float to the right place.
from jsonedit.
Related Issues (20)
- Focus automatically shifted to initial element on all button clicks for Safari
- Push latest version to bower HOT 1
- properties with underscores HOT 4
- Few ideas HOT 1
- cannot create native boolean type HOT 7
- Is it possible to constrain possible edits somehow? HOT 1
- editing values on array does not update json HOT 1
- it cannot set a name for object
- Bower component doesn't include Boolean capability HOT 1
- jQuery dependency HOT 2
- Back-end Integration HOT 1
- arrays of objects have conflicting styles HOT 3
- Missing Semicolons HOT 1
- create master branch HOT 3
- f.sortable not a function errors HOT 3
- Add a table type to a JSON editor HOT 1
- is JQuery UI a dependency for JSONedit? HOT 1
- how to show attribute level data which comes with _
- Is it compatible with latest angular version 2+ ? HOT 1
- How to close auto sorting ? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from jsonedit.