* update contextmenu, menu, searchbox remove necessary div. before each class name * move from css to scss compilation for project and set colors and font to variables * remove override from css * update move color and clean styles * #760 update base on last RP review * remove some selectors from status bar
This commit is contained in:
ppetkow
Jos de Jong
parent
ee64c1fbb3
commit
97893d40b5
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
42
gulpfile.js
42
gulpfile.js
|
|
@ -5,6 +5,7 @@ var log = require('fancy-log');
|
|||
var format = require('date-format');
|
||||
var concatCss = require('gulp-concat-css');
|
||||
var minifyCSS = require('gulp-clean-css');
|
||||
var sass = require('gulp-sass')
|
||||
var mkdirp = require('mkdirp');
|
||||
var webpack = require('webpack');
|
||||
var uglify = require('uglify-js');
|
||||
|
|
@ -13,7 +14,7 @@ var NAME = 'jsoneditor';
|
|||
var NAME_MINIMALIST = 'jsoneditor-minimalist';
|
||||
var ENTRY = './src/js/JSONEditor.js';
|
||||
var HEADER = './src/js/header.js';
|
||||
var IMAGE = './src/css/img/jsoneditor-icons.svg';
|
||||
var IMAGE = './src/scss/img/jsoneditor-icons.svg';
|
||||
var DOCS = './src/docs/*';
|
||||
var DIST = path.join(__dirname, 'dist');
|
||||
|
||||
|
|
@ -146,29 +147,30 @@ gulp.task('bundle-minimalist', function(done) {
|
|||
// bundle css
|
||||
gulp.task('bundle-css', function(done) {
|
||||
gulp
|
||||
.src([
|
||||
'src/css/reset.css',
|
||||
'src/css/jsoneditor.css',
|
||||
'src/css/contextmenu.css',
|
||||
'src/css/menu.css',
|
||||
'src/css/searchbox.css',
|
||||
'src/css/autocomplete.css',
|
||||
'src/css/treepath.css',
|
||||
'src/css/statusbar.css',
|
||||
'src/css/navigationbar.css',
|
||||
'src/js/assets/selectr/selectr.css'
|
||||
])
|
||||
.src([
|
||||
'src/scss/reset.scss',
|
||||
'src/scss/jsoneditor.scss',
|
||||
'src/scss/contextmenu.scss',
|
||||
'src/scss/menu.scss',
|
||||
'src/scss/searchbox.scss',
|
||||
'src/scss/autocomplete.scss',
|
||||
'src/scss/treepath.scss',
|
||||
'src/scss/statusbar.scss',
|
||||
'src/scss/navigationbar.scss',
|
||||
'src/js/assets/selectr/selectr.scss',
|
||||
])
|
||||
.pipe(
|
||||
sass({
|
||||
// importer: tildeImporter
|
||||
})
|
||||
)
|
||||
.pipe(concatCss(NAME + '.css'))
|
||||
.pipe(gulp.dest(DIST))
|
||||
.pipe(concatCss(NAME + '.min.css'))
|
||||
.pipe(minifyCSS())
|
||||
.pipe(gulp.dest(DIST));
|
||||
|
||||
log('bundled ' + DIST + '/' + NAME + '.css');
|
||||
log('bundled ' + DIST + '/' + NAME + '.min.css');
|
||||
|
||||
done();
|
||||
});
|
||||
.pipe(gulp.dest(DIST))
|
||||
done()
|
||||
})
|
||||
|
||||
// create a folder img and copy the icons
|
||||
gulp.task('copy-img', function(done) {
|
||||
|
|
|
|||
|
|
@ -203,6 +203,12 @@
|
|||
"integrity": "sha512-sY5AXXVZv4Y1VACTtR11UJCPHHudgY5i26Qj5TypE6DKlIApbwb5uqhXcJ5UUGbvZNRh7EeIoW+LrJumBsKp7w==",
|
||||
"dev": true
|
||||
},
|
||||
"abbrev": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/abbrev/-/abbrev-1.1.1.tgz",
|
||||
"integrity": "sha1-+PLIh60Qv2f2NPAFtph/7TF5qsg=",
|
||||
"dev": true
|
||||
},
|
||||
"acorn": {
|
||||
"version": "6.3.0",
|
||||
"resolved": "https://registry.npmjs.org/acorn/-/acorn-6.3.0.tgz",
|
||||
|
|
@ -248,6 +254,12 @@
|
|||
"integrity": "sha512-RO1ibKvd27e6FEShVFfPALuHI3WjSVNeK5FIsmme/LYRNxjKuNj+Dt7bucLa6NdSv3JcVTyMlm9kGR84z1XpaQ==",
|
||||
"dev": true
|
||||
},
|
||||
"amdefine": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/amdefine/-/amdefine-1.0.1.tgz",
|
||||
"integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
|
||||
"dev": true
|
||||
},
|
||||
"ansi-colors": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-1.1.0.tgz",
|
||||
|
|
@ -336,6 +348,16 @@
|
|||
"integrity": "sha1-+cjBN1fMHde8N5rHeyxipcKGjEA=",
|
||||
"dev": true
|
||||
},
|
||||
"are-we-there-yet": {
|
||||
"version": "1.1.5",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/are-we-there-yet/-/are-we-there-yet-1.1.5.tgz",
|
||||
"integrity": "sha1-SzXClE8GKov82mZBB2A1D+nd/CE=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"delegates": "^1.0.0",
|
||||
"readable-stream": "^2.0.6"
|
||||
}
|
||||
},
|
||||
"argparse": {
|
||||
"version": "1.0.10",
|
||||
"resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
|
||||
|
|
@ -393,6 +415,12 @@
|
|||
"integrity": "sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=",
|
||||
"dev": true
|
||||
},
|
||||
"array-find-index": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/array-find-index/-/array-find-index-1.0.2.tgz",
|
||||
"integrity": "sha1-3wEKoSh+Fku9pvlyOwqWoexBh6E=",
|
||||
"dev": true
|
||||
},
|
||||
"array-initial": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://registry.npmjs.org/array-initial/-/array-initial-1.1.0.tgz",
|
||||
|
|
@ -563,6 +591,12 @@
|
|||
"integrity": "sha512-z/WhQ5FPySLdvREByI2vZiTWwCnF0moMJ1hK9YQwDTHKh6I7/uSckMetoRGb5UBZPC1z0jlw+n/XCgjeH7y1AQ==",
|
||||
"dev": true
|
||||
},
|
||||
"async-foreach": {
|
||||
"version": "0.1.3",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/async-foreach/-/async-foreach-0.1.3.tgz",
|
||||
"integrity": "sha1-NhIfhFwFeBct5Bmpfb6x0W7DRUI=",
|
||||
"dev": true
|
||||
},
|
||||
"async-limiter": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/async-limiter/-/async-limiter-1.0.1.tgz",
|
||||
|
|
@ -707,6 +741,15 @@
|
|||
"integrity": "sha512-Un7MIEDdUC5gNpcGDV97op1Ywk748MpHcFTHoYs6qnj1Z3j7I53VG3nwZhKzoBZmbdRNnb6WRdFlwl7tSDuZGw==",
|
||||
"dev": true
|
||||
},
|
||||
"block-stream": {
|
||||
"version": "0.0.9",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/block-stream/-/block-stream-0.0.9.tgz",
|
||||
"integrity": "sha1-E+v+d4oDIFz+A3UUgeu0szAMEmo=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"inherits": "~2.0.0"
|
||||
}
|
||||
},
|
||||
"bluebird": {
|
||||
"version": "3.5.5",
|
||||
"resolved": "https://registry.npmjs.org/bluebird/-/bluebird-3.5.5.tgz",
|
||||
|
|
@ -941,6 +984,24 @@
|
|||
"integrity": "sha1-MvxLn82vhF/N9+c7uXysImHwqwo=",
|
||||
"dev": true
|
||||
},
|
||||
"camelcase-keys": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/camelcase-keys/-/camelcase-keys-2.1.0.tgz",
|
||||
"integrity": "sha1-MIvur/3ygRkFHvodkyITyRuPkuc=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"camelcase": "^2.0.0",
|
||||
"map-obj": "^1.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"camelcase": {
|
||||
"version": "2.1.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/camelcase/-/camelcase-2.1.1.tgz",
|
||||
"integrity": "sha1-fB0W1nmhu+WcoCys7PsBHiAfWh8=",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"caseless": {
|
||||
"version": "0.12.0",
|
||||
"resolved": "https://registry.npmjs.org/caseless/-/caseless-0.12.0.tgz",
|
||||
|
|
@ -1204,6 +1265,12 @@
|
|||
"date-now": "^0.1.4"
|
||||
}
|
||||
},
|
||||
"console-control-strings": {
|
||||
"version": "1.1.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/console-control-strings/-/console-control-strings-1.1.0.tgz",
|
||||
"integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
|
||||
"dev": true
|
||||
},
|
||||
"constants-browserify": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/constants-browserify/-/constants-browserify-1.0.0.tgz",
|
||||
|
|
@ -1359,6 +1426,15 @@
|
|||
"cssom": "0.3.x"
|
||||
}
|
||||
},
|
||||
"currently-unhandled": {
|
||||
"version": "0.4.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/currently-unhandled/-/currently-unhandled-0.4.1.tgz",
|
||||
"integrity": "sha1-mI3zP+qxke95mmE2nddsF635V+o=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"array-find-index": "^1.0.1"
|
||||
}
|
||||
},
|
||||
"cyclist": {
|
||||
"version": "0.2.2",
|
||||
"resolved": "https://registry.npmjs.org/cyclist/-/cyclist-0.2.2.tgz",
|
||||
|
|
@ -1513,6 +1589,12 @@
|
|||
"integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
|
||||
"dev": true
|
||||
},
|
||||
"delegates": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/delegates/-/delegates-1.0.0.tgz",
|
||||
"integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
|
||||
"dev": true
|
||||
},
|
||||
"des.js": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/des.js/-/des.js-1.0.0.tgz",
|
||||
|
|
@ -2728,12 +2810,57 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"fstream": {
|
||||
"version": "1.0.12",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/fstream/-/fstream-1.0.12.tgz",
|
||||
"integrity": "sha1-Touo7i1Ivk99DeUFRVVI6uWTIEU=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"graceful-fs": "^4.1.2",
|
||||
"inherits": "~2.0.0",
|
||||
"mkdirp": ">=0.5 0",
|
||||
"rimraf": "2"
|
||||
}
|
||||
},
|
||||
"function-bind": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
|
||||
"integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
|
||||
"dev": true
|
||||
},
|
||||
"gauge": {
|
||||
"version": "2.7.4",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/gauge/-/gauge-2.7.4.tgz",
|
||||
"integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"aproba": "^1.0.3",
|
||||
"console-control-strings": "^1.0.0",
|
||||
"has-unicode": "^2.0.0",
|
||||
"object-assign": "^4.1.0",
|
||||
"signal-exit": "^3.0.0",
|
||||
"string-width": "^1.0.1",
|
||||
"strip-ansi": "^3.0.1",
|
||||
"wide-align": "^1.1.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"object-assign": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/object-assign/-/object-assign-4.1.1.tgz",
|
||||
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"gaze": {
|
||||
"version": "1.1.3",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/gaze/-/gaze-1.1.3.tgz",
|
||||
"integrity": "sha1-xEFzPhO5J6yMD/C0w7Az8ogSkko=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"globule": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"get-caller-file": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-1.0.3.tgz",
|
||||
|
|
@ -2750,6 +2877,12 @@
|
|||
"import-regex": "^1.1.0"
|
||||
}
|
||||
},
|
||||
"get-stdin": {
|
||||
"version": "4.0.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/get-stdin/-/get-stdin-4.0.1.tgz",
|
||||
"integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
|
||||
"dev": true
|
||||
},
|
||||
"get-stream": {
|
||||
"version": "4.1.0",
|
||||
"resolved": "https://registry.npmjs.org/get-stream/-/get-stream-4.1.0.tgz",
|
||||
|
|
@ -2904,6 +3037,17 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"globule": {
|
||||
"version": "1.2.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/globule/-/globule-1.2.1.tgz",
|
||||
"integrity": "sha1-Xf+xsZHyLSB5epNptJ6rTpg5aW0=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"glob": "~7.1.1",
|
||||
"lodash": "~4.17.10",
|
||||
"minimatch": "~3.0.2"
|
||||
}
|
||||
},
|
||||
"glogg": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/glogg/-/glogg-1.0.2.tgz",
|
||||
|
|
@ -3090,6 +3234,39 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"gulp-sass": {
|
||||
"version": "4.0.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/gulp-sass/-/gulp-sass-4.0.2.tgz",
|
||||
"integrity": "sha1-z7Hj7/K9mFJDHHzof0OICAfY1QU=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"chalk": "^2.3.0",
|
||||
"lodash.clonedeep": "^4.3.2",
|
||||
"node-sass": "^4.8.3",
|
||||
"plugin-error": "^1.0.1",
|
||||
"replace-ext": "^1.0.0",
|
||||
"strip-ansi": "^4.0.0",
|
||||
"through2": "^2.0.0",
|
||||
"vinyl-sourcemaps-apply": "^0.2.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"ansi-regex": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/ansi-regex/-/ansi-regex-3.0.0.tgz",
|
||||
"integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
|
||||
"dev": true
|
||||
},
|
||||
"strip-ansi": {
|
||||
"version": "4.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/strip-ansi/-/strip-ansi-4.0.0.tgz",
|
||||
"integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"ansi-regex": "^3.0.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"gulplog": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/gulplog/-/gulplog-1.0.0.tgz",
|
||||
|
|
@ -3124,6 +3301,15 @@
|
|||
"function-bind": "^1.1.1"
|
||||
}
|
||||
},
|
||||
"has-ansi": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/has-ansi/-/has-ansi-2.0.0.tgz",
|
||||
"integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"ansi-regex": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"has-flag": {
|
||||
"version": "3.0.0",
|
||||
"resolved": "https://registry.npmjs.org/has-flag/-/has-flag-3.0.0.tgz",
|
||||
|
|
@ -3136,6 +3322,12 @@
|
|||
"integrity": "sha1-uhqPGvKg/DllD1yFA2dwQSIGO0Q=",
|
||||
"dev": true
|
||||
},
|
||||
"has-unicode": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/has-unicode/-/has-unicode-2.0.1.tgz",
|
||||
"integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
|
||||
"dev": true
|
||||
},
|
||||
"has-value": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
|
||||
|
|
@ -3279,6 +3471,21 @@
|
|||
"integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
|
||||
"dev": true
|
||||
},
|
||||
"in-publish": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/in-publish/-/in-publish-2.0.0.tgz",
|
||||
"integrity": "sha1-4g/146KvwmkDILbcVSaCqcf631E=",
|
||||
"dev": true
|
||||
},
|
||||
"indent-string": {
|
||||
"version": "2.1.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/indent-string/-/indent-string-2.1.0.tgz",
|
||||
"integrity": "sha1-ji1INIdCEhtKghi3oTfppSBJ3IA=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"repeating": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"infer-owner": {
|
||||
"version": "1.0.4",
|
||||
"resolved": "https://registry.npmjs.org/infer-owner/-/infer-owner-1.0.4.tgz",
|
||||
|
|
@ -3439,6 +3646,15 @@
|
|||
"integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
|
||||
"dev": true
|
||||
},
|
||||
"is-finite": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/is-finite/-/is-finite-1.0.2.tgz",
|
||||
"integrity": "sha1-zGZ3aVYCvlUO8R6LSqYwU0K20Ko=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"number-is-nan": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"is-fullwidth-code-point": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
|
||||
|
|
@ -3598,6 +3814,12 @@
|
|||
"resolved": "https://registry.npmjs.org/jmespath/-/jmespath-0.15.0.tgz",
|
||||
"integrity": "sha1-o/Iiqarp+Wb10nx5ZRDigJF2Qhc="
|
||||
},
|
||||
"js-base64": {
|
||||
"version": "2.5.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/js-base64/-/js-base64-2.5.1.tgz",
|
||||
"integrity": "sha1-Hvo57yxfeYC7F4St5KivLeMpESE=",
|
||||
"dev": true
|
||||
},
|
||||
"js-yaml": {
|
||||
"version": "3.13.1",
|
||||
"resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.13.1.tgz",
|
||||
|
|
@ -3910,6 +4132,12 @@
|
|||
"lodash.keys": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"lodash.clonedeep": {
|
||||
"version": "4.5.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/lodash.clonedeep/-/lodash.clonedeep-4.5.0.tgz",
|
||||
"integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
|
||||
"dev": true
|
||||
},
|
||||
"lodash.defaults": {
|
||||
"version": "3.1.2",
|
||||
"resolved": "https://registry.npmjs.org/lodash.defaults/-/lodash.defaults-3.1.2.tgz",
|
||||
|
|
@ -3964,6 +4192,16 @@
|
|||
"chalk": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"loud-rejection": {
|
||||
"version": "1.6.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/loud-rejection/-/loud-rejection-1.6.0.tgz",
|
||||
"integrity": "sha1-W0b4AUft7leIcPCG0Eghz5mOVR8=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"currently-unhandled": "^0.4.1",
|
||||
"signal-exit": "^3.0.0"
|
||||
}
|
||||
},
|
||||
"lru-cache": {
|
||||
"version": "5.1.1",
|
||||
"resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-5.1.1.tgz",
|
||||
|
|
@ -4021,6 +4259,12 @@
|
|||
"integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=",
|
||||
"dev": true
|
||||
},
|
||||
"map-obj": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/map-obj/-/map-obj-1.0.1.tgz",
|
||||
"integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
|
||||
"dev": true
|
||||
},
|
||||
"map-visit": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
|
||||
|
|
@ -4097,6 +4341,38 @@
|
|||
"readable-stream": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"meow": {
|
||||
"version": "3.7.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/meow/-/meow-3.7.0.tgz",
|
||||
"integrity": "sha1-cstmi0JSKCkKu/qFaJJYcwioAfs=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"camelcase-keys": "^2.0.0",
|
||||
"decamelize": "^1.1.2",
|
||||
"loud-rejection": "^1.0.0",
|
||||
"map-obj": "^1.0.1",
|
||||
"minimist": "^1.1.3",
|
||||
"normalize-package-data": "^2.3.4",
|
||||
"object-assign": "^4.0.1",
|
||||
"read-pkg-up": "^1.0.1",
|
||||
"redent": "^1.0.0",
|
||||
"trim-newlines": "^1.0.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"minimist": {
|
||||
"version": "1.2.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/minimist/-/minimist-1.2.0.tgz",
|
||||
"integrity": "sha1-o1AIsg9BOD7sH7kU9M1d95omQoQ=",
|
||||
"dev": true
|
||||
},
|
||||
"object-assign": {
|
||||
"version": "4.1.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/object-assign/-/object-assign-4.1.1.tgz",
|
||||
"integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"micromatch": {
|
||||
"version": "3.1.10",
|
||||
"resolved": "https://registry.npmjs.org/micromatch/-/micromatch-3.1.10.tgz",
|
||||
|
|
@ -4505,8 +4781,7 @@
|
|||
"version": "2.14.0",
|
||||
"resolved": "https://registry.npmjs.org/nan/-/nan-2.14.0.tgz",
|
||||
"integrity": "sha512-INOFj37C7k3AfaNTtX8RhsTw7qRy7eLET14cROi9+5HAVbbHuIWUHEauBv5qT4Av2tWasiTY1Jw6puUNqRJXQg==",
|
||||
"dev": true,
|
||||
"optional": true
|
||||
"dev": true
|
||||
},
|
||||
"nanomatch": {
|
||||
"version": "1.2.13",
|
||||
|
|
@ -4555,6 +4830,34 @@
|
|||
"semver": "^5.7.0"
|
||||
}
|
||||
},
|
||||
"node-gyp": {
|
||||
"version": "3.8.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/node-gyp/-/node-gyp-3.8.0.tgz",
|
||||
"integrity": "sha1-VAMEJhwzDoDQ1e3OJTpoyzlkIYw=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"fstream": "^1.0.0",
|
||||
"glob": "^7.0.3",
|
||||
"graceful-fs": "^4.1.2",
|
||||
"mkdirp": "^0.5.0",
|
||||
"nopt": "2 || 3",
|
||||
"npmlog": "0 || 1 || 2 || 3 || 4",
|
||||
"osenv": "0",
|
||||
"request": "^2.87.0",
|
||||
"rimraf": "2",
|
||||
"semver": "~5.3.0",
|
||||
"tar": "^2.0.0",
|
||||
"which": "1"
|
||||
},
|
||||
"dependencies": {
|
||||
"semver": {
|
||||
"version": "5.3.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/semver/-/semver-5.3.0.tgz",
|
||||
"integrity": "sha1-myzl094C0XxgEq0yaqa00M9U+U8=",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"node-libs-browser": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://registry.npmjs.org/node-libs-browser/-/node-libs-browser-2.2.1.tgz",
|
||||
|
|
@ -4594,6 +4897,93 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"node-sass": {
|
||||
"version": "4.12.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/node-sass/-/node-sass-4.12.0.tgz",
|
||||
"integrity": "sha1-CRT1MZMjgBFKMMxfpPpjIzol8Bc=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"async-foreach": "^0.1.3",
|
||||
"chalk": "^1.1.1",
|
||||
"cross-spawn": "^3.0.0",
|
||||
"gaze": "^1.0.0",
|
||||
"get-stdin": "^4.0.1",
|
||||
"glob": "^7.0.3",
|
||||
"in-publish": "^2.0.0",
|
||||
"lodash": "^4.17.11",
|
||||
"meow": "^3.7.0",
|
||||
"mkdirp": "^0.5.1",
|
||||
"nan": "^2.13.2",
|
||||
"node-gyp": "^3.8.0",
|
||||
"npmlog": "^4.0.0",
|
||||
"request": "^2.88.0",
|
||||
"sass-graph": "^2.2.4",
|
||||
"stdout-stream": "^1.4.0",
|
||||
"true-case-path": "^1.0.2"
|
||||
},
|
||||
"dependencies": {
|
||||
"ansi-styles": {
|
||||
"version": "2.2.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/ansi-styles/-/ansi-styles-2.2.1.tgz",
|
||||
"integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
|
||||
"dev": true
|
||||
},
|
||||
"chalk": {
|
||||
"version": "1.1.3",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/chalk/-/chalk-1.1.3.tgz",
|
||||
"integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"ansi-styles": "^2.2.1",
|
||||
"escape-string-regexp": "^1.0.2",
|
||||
"has-ansi": "^2.0.0",
|
||||
"strip-ansi": "^3.0.0",
|
||||
"supports-color": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"cross-spawn": {
|
||||
"version": "3.0.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/cross-spawn/-/cross-spawn-3.0.1.tgz",
|
||||
"integrity": "sha1-ElYDfsufDF9549bvE14wdwGEuYI=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"lru-cache": "^4.0.1",
|
||||
"which": "^1.2.9"
|
||||
}
|
||||
},
|
||||
"lru-cache": {
|
||||
"version": "4.1.5",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/lru-cache/-/lru-cache-4.1.5.tgz",
|
||||
"integrity": "sha1-i75Q6oW+1ZvJ4z3KuCNe6bz0Q80=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"pseudomap": "^1.0.2",
|
||||
"yallist": "^2.1.2"
|
||||
}
|
||||
},
|
||||
"supports-color": {
|
||||
"version": "2.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/supports-color/-/supports-color-2.0.0.tgz",
|
||||
"integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
|
||||
"dev": true
|
||||
},
|
||||
"yallist": {
|
||||
"version": "2.1.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/yallist/-/yallist-2.1.2.tgz",
|
||||
"integrity": "sha1-HBH5IY8HYImkfdUS+TxmmaaoHVI=",
|
||||
"dev": true
|
||||
}
|
||||
}
|
||||
},
|
||||
"nopt": {
|
||||
"version": "3.0.6",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/nopt/-/nopt-3.0.6.tgz",
|
||||
"integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"abbrev": "1"
|
||||
}
|
||||
},
|
||||
"normalize-package-data": {
|
||||
"version": "2.5.0",
|
||||
"resolved": "https://registry.npmjs.org/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
|
||||
|
|
@ -4633,6 +5023,18 @@
|
|||
"path-key": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"npmlog": {
|
||||
"version": "4.1.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/npmlog/-/npmlog-4.1.2.tgz",
|
||||
"integrity": "sha1-CKfyqL9zRgR3mp76StXMcXq7lUs=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"are-we-there-yet": "~1.1.2",
|
||||
"console-control-strings": "~1.1.0",
|
||||
"gauge": "~2.7.3",
|
||||
"set-blocking": "~2.0.0"
|
||||
}
|
||||
},
|
||||
"number-is-nan": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
|
||||
|
|
@ -4804,6 +5206,12 @@
|
|||
"integrity": "sha1-hUNzx/XCMVkU/Jv8a9gjj92h7Cc=",
|
||||
"dev": true
|
||||
},
|
||||
"os-homedir": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/os-homedir/-/os-homedir-1.0.2.tgz",
|
||||
"integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
|
||||
"dev": true
|
||||
},
|
||||
"os-locale": {
|
||||
"version": "1.4.0",
|
||||
"resolved": "https://registry.npmjs.org/os-locale/-/os-locale-1.4.0.tgz",
|
||||
|
|
@ -4813,6 +5221,22 @@
|
|||
"lcid": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"os-tmpdir": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/os-tmpdir/-/os-tmpdir-1.0.2.tgz",
|
||||
"integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
|
||||
"dev": true
|
||||
},
|
||||
"osenv": {
|
||||
"version": "0.1.5",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/osenv/-/osenv-0.1.5.tgz",
|
||||
"integrity": "sha1-hc36+uso6Gd/QW4odZK18/SepBA=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"os-homedir": "^1.0.0",
|
||||
"os-tmpdir": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"p-defer": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/p-defer/-/p-defer-1.0.0.tgz",
|
||||
|
|
@ -5129,6 +5553,12 @@
|
|||
"integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
|
||||
"dev": true
|
||||
},
|
||||
"pseudomap": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/pseudomap/-/pseudomap-1.0.2.tgz",
|
||||
"integrity": "sha1-8FKijacOYYkX7wqKw0wa5aaChrM=",
|
||||
"dev": true
|
||||
},
|
||||
"psl": {
|
||||
"version": "1.3.0",
|
||||
"resolved": "https://registry.npmjs.org/psl/-/psl-1.3.0.tgz",
|
||||
|
|
@ -5268,6 +5698,16 @@
|
|||
"resolve": "^1.1.6"
|
||||
}
|
||||
},
|
||||
"redent": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/redent/-/redent-1.0.0.tgz",
|
||||
"integrity": "sha1-z5Fqsf1fHxbfsggi3W7H9zDCr94=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"indent-string": "^2.1.0",
|
||||
"strip-indent": "^1.0.1"
|
||||
}
|
||||
},
|
||||
"regex-not": {
|
||||
"version": "1.0.2",
|
||||
"resolved": "https://registry.npmjs.org/regex-not/-/regex-not-1.0.2.tgz",
|
||||
|
|
@ -5317,6 +5757,15 @@
|
|||
"integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
|
||||
"dev": true
|
||||
},
|
||||
"repeating": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/repeating/-/repeating-2.0.1.tgz",
|
||||
"integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"is-finite": "^1.0.0"
|
||||
}
|
||||
},
|
||||
"replace-ext": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.0.tgz",
|
||||
|
|
@ -5567,6 +6016,18 @@
|
|||
"integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==",
|
||||
"dev": true
|
||||
},
|
||||
"sass-graph": {
|
||||
"version": "2.2.4",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/sass-graph/-/sass-graph-2.2.4.tgz",
|
||||
"integrity": "sha1-E/vWPNHK8JCLn9k0dq1DpR0eC0k=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"glob": "^7.0.0",
|
||||
"lodash": "^4.0.0",
|
||||
"scss-tokenizer": "^0.2.3",
|
||||
"yargs": "^7.0.0"
|
||||
}
|
||||
},
|
||||
"saxes": {
|
||||
"version": "3.1.11",
|
||||
"resolved": "https://registry.npmjs.org/saxes/-/saxes-3.1.11.tgz",
|
||||
|
|
@ -5587,6 +6048,27 @@
|
|||
"ajv-keywords": "^3.1.0"
|
||||
}
|
||||
},
|
||||
"scss-tokenizer": {
|
||||
"version": "0.2.3",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/scss-tokenizer/-/scss-tokenizer-0.2.3.tgz",
|
||||
"integrity": "sha1-jrBtualyMzOCTT9VMGQRSYR85dE=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"js-base64": "^2.1.8",
|
||||
"source-map": "^0.4.2"
|
||||
},
|
||||
"dependencies": {
|
||||
"source-map": {
|
||||
"version": "0.4.4",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/source-map/-/source-map-0.4.4.tgz",
|
||||
"integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"amdefine": ">=0.0.4"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"semver": {
|
||||
"version": "5.7.1",
|
||||
"resolved": "https://registry.npmjs.org/semver/-/semver-5.7.1.tgz",
|
||||
|
|
@ -5936,6 +6418,15 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"stdout-stream": {
|
||||
"version": "1.4.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/stdout-stream/-/stdout-stream-1.4.1.tgz",
|
||||
"integrity": "sha1-WsF0zdXNcmEEqgwLK9g4FdjVNd4=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"readable-stream": "^2.0.1"
|
||||
}
|
||||
},
|
||||
"stealthy-require": {
|
||||
"version": "1.1.1",
|
||||
"resolved": "https://registry.npmjs.org/stealthy-require/-/stealthy-require-1.1.1.tgz",
|
||||
|
|
@ -6031,6 +6522,15 @@
|
|||
"integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
|
||||
"dev": true
|
||||
},
|
||||
"strip-indent": {
|
||||
"version": "1.0.1",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/strip-indent/-/strip-indent-1.0.1.tgz",
|
||||
"integrity": "sha1-DHlipq3vp7vUrDZkYKY4VSrhoKI=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"get-stdin": "^4.0.1"
|
||||
}
|
||||
},
|
||||
"strip-json-comments": {
|
||||
"version": "2.0.1",
|
||||
"resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-2.0.1.tgz",
|
||||
|
|
@ -6068,6 +6568,17 @@
|
|||
"integrity": "sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==",
|
||||
"dev": true
|
||||
},
|
||||
"tar": {
|
||||
"version": "2.2.2",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/tar/-/tar-2.2.2.tgz",
|
||||
"integrity": "sha1-DKiEhWLHKZuLRG/2pNYM27I+3EA=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"block-stream": "*",
|
||||
"fstream": "^1.0.12",
|
||||
"inherits": "2"
|
||||
}
|
||||
},
|
||||
"terser": {
|
||||
"version": "4.1.4",
|
||||
"resolved": "https://registry.npmjs.org/terser/-/terser-4.1.4.tgz",
|
||||
|
|
@ -6242,6 +6753,21 @@
|
|||
"punycode": "^2.1.0"
|
||||
}
|
||||
},
|
||||
"trim-newlines": {
|
||||
"version": "1.0.0",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/trim-newlines/-/trim-newlines-1.0.0.tgz",
|
||||
"integrity": "sha1-WIeWa7WCpFA6QetST301ARgVphM=",
|
||||
"dev": true
|
||||
},
|
||||
"true-case-path": {
|
||||
"version": "1.0.3",
|
||||
"resolved": "https://repo.tick42.com:443/api/npm/tick42-npm/true-case-path/-/true-case-path-1.0.3.tgz",
|
||||
"integrity": "sha1-+BO1qMhrQNpZYGcisUTjIleZ9H0=",
|
||||
"dev": true,
|
||||
"requires": {
|
||||
"glob": "^7.1.2"
|
||||
}
|
||||
},
|
||||
"tslib": {
|
||||
"version": "1.10.0",
|
||||
"resolved": "https://registry.npmjs.org/tslib/-/tslib-1.10.0.tgz",
|
||||
|
|
|
|||
|
|
@ -39,6 +39,7 @@
|
|||
"gulp": "4.0.2",
|
||||
"gulp-clean-css": "4.2.0",
|
||||
"gulp-concat-css": "3.1.0",
|
||||
"gulp-sass": "^4.0.2",
|
||||
"jsdom": "15.1.1",
|
||||
"json-loader": "0.5.7",
|
||||
"mkdirp": "0.5.1",
|
||||
|
|
|
|||
|
|
@ -1,32 +0,0 @@
|
|||
|
||||
div.jsoneditor div.autocomplete.dropdown {
|
||||
position: absolute;
|
||||
background: white;
|
||||
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
|
||||
border: 1px solid #d3d3d3;
|
||||
z-index: 100;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
cursor: default;
|
||||
margin: 0;
|
||||
padding-left: 2pt;
|
||||
padding-right: 5pt;
|
||||
text-align: left;
|
||||
outline: 0;
|
||||
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
div.jsoneditor div.autocomplete.dropdown .item {
|
||||
color: #333;
|
||||
}
|
||||
|
||||
div.jsoneditor div.autocomplete.dropdown .item.hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
|
||||
div.jsoneditor div.autocomplete.hint {
|
||||
color: #aaa;
|
||||
top:4px;
|
||||
left:4px;
|
||||
}
|
||||
|
|
@ -1,518 +0,0 @@
|
|||
|
||||
/* ContextMenu - main menu */
|
||||
|
||||
div.jsoneditor-contextmenu-root {
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu {
|
||||
position: absolute;
|
||||
box-sizing: content-box;
|
||||
z-index: 99999;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul,
|
||||
div.jsoneditor-contextmenu li {
|
||||
box-sizing: content-box;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 128px;
|
||||
|
||||
background: white;
|
||||
border: 1px solid #d3d3d3;
|
||||
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
|
||||
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li button {
|
||||
position: relative;
|
||||
padding: 0 4px 0 0;
|
||||
margin: 0;
|
||||
width: 128px;
|
||||
height: auto;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
color: #4d4d4d;
|
||||
background: transparent;
|
||||
|
||||
font-size: 10pt;
|
||||
font-family: arial, sans-serif;
|
||||
|
||||
box-sizing: border-box;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
/* Fix button padding in firefox */
|
||||
div.jsoneditor-contextmenu ul li button::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li button:hover,
|
||||
div.jsoneditor-contextmenu ul li button:focus {
|
||||
color: #1a1a1a;
|
||||
background-color: #f5f5f5;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li button.jsoneditor-default {
|
||||
width: 96px; /* 128px - 32px */
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li button.jsoneditor-expand {
|
||||
float: right;
|
||||
width: 32px;
|
||||
height: 24px;
|
||||
border-left: 1px solid #e5e5e5;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu div.jsoneditor-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-image: url('./img/jsoneditor-icons.svg');
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li ul div.jsoneditor-icon {
|
||||
margin-left: 24px;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu div.jsoneditor-text {
|
||||
padding: 4px 0 4px 24px;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu div.jsoneditor-text.jsoneditor-right-margin {
|
||||
padding-right: 24px;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li button div.jsoneditor-expand {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0 4px 0 0;
|
||||
background: url('./img/jsoneditor-icons.svg') 0 -72px;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu div.jsoneditor-separator {
|
||||
height: 0;
|
||||
border-top: 1px solid #e5e5e5;
|
||||
padding-top: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-remove > div.jsoneditor-icon {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-append > div.jsoneditor-icon {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-insert > div.jsoneditor-icon {
|
||||
background-position: 0 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-duplicate > div.jsoneditor-icon {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-sort-asc > div.jsoneditor-icon {
|
||||
background-position: -168px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-sort-desc > div.jsoneditor-icon {
|
||||
background-position: -192px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-transform > div.jsoneditor-icon {
|
||||
background-position: -216px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-extract > div.jsoneditor-icon {
|
||||
background-position: 0 -24px;
|
||||
}
|
||||
|
||||
/* ContextMenu - sub menu */
|
||||
|
||||
div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
|
||||
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover,
|
||||
div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus {
|
||||
color: white;
|
||||
background-color: #ee422e;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li ul {
|
||||
display: none;
|
||||
position: relative;
|
||||
left: -10px;
|
||||
top: 0;
|
||||
|
||||
border: none;
|
||||
box-shadow: inset 0 0 10px rgba(128, 128, 128, 0.5);
|
||||
padding: 0 10px;
|
||||
|
||||
/* TODO: transition is not supported on IE8-9 */
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li.jsoneditor-selected ul {
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li ul li button {
|
||||
padding-left: 24px;
|
||||
animation: all ease-in-out 1s;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu ul li ul li button:hover,
|
||||
div.jsoneditor-contextmenu ul li ul li button:focus {
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-type-string > div.jsoneditor-icon {
|
||||
background-position: -144px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-type-auto > div.jsoneditor-icon {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-type-object > div.jsoneditor-icon {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-type-array > div.jsoneditor-icon {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-contextmenu button.jsoneditor-type-modes > div.jsoneditor-icon {
|
||||
background-image: none;
|
||||
width: 6px;
|
||||
}
|
||||
|
||||
|
||||
/* pico modal styling */
|
||||
|
||||
.jsoneditor-modal-overlay {
|
||||
position: absolute !important;
|
||||
|
||||
background: rgb(1,1,1) !important;
|
||||
opacity: 0.3 !important;
|
||||
}
|
||||
|
||||
.jsoneditor-modal {
|
||||
position: absolute !important;
|
||||
max-width: 95% !important;
|
||||
width: auto !important;
|
||||
|
||||
border-radius: 2px !important;
|
||||
padding: 45px 15px 15px 15px !important;
|
||||
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3) !important;
|
||||
|
||||
color: #4d4d4d;
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
.jsoneditor-modal.jsoneditor-modal-transform {
|
||||
width: 600px !important;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .pico-modal-header {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 11pt;
|
||||
|
||||
background: #3883fa;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.jsoneditor-modal table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jsoneditor-modal table th,
|
||||
.jsoneditor-modal table td {
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
font-weight: normal;
|
||||
color: #4d4d4d;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
.jsoneditor-modal table td {
|
||||
padding: 3px 0;
|
||||
}
|
||||
|
||||
.jsoneditor-modal p:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.jsoneditor-modal a {
|
||||
color: #3883fa;
|
||||
}
|
||||
|
||||
.jsoneditor-modal table td:first-child {
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-block {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal table td.jsoneditor-modal-input {
|
||||
text-align: right;
|
||||
padding-right: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.jsoneditor-modal table td.jsoneditor-modal-actions {
|
||||
padding-top: 15px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .pico-close {
|
||||
background: none !important;
|
||||
font-size: 24px !important;
|
||||
top: 7px !important;
|
||||
right: 7px !important;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.jsoneditor-modal select,
|
||||
.jsoneditor-modal textarea,
|
||||
.jsoneditor-modal input,
|
||||
.jsoneditor-modal #query {
|
||||
background: #ffffff;
|
||||
border: 1px solid #d3d3d3;
|
||||
color: #4d4d4d;
|
||||
border-radius: 3px;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal,
|
||||
.jsoneditor-modal table td,
|
||||
.jsoneditor-modal table th,
|
||||
.jsoneditor-modal select,
|
||||
.jsoneditor-modal option,
|
||||
.jsoneditor-modal textarea,
|
||||
.jsoneditor-modal input,
|
||||
.jsoneditor-modal #query {
|
||||
font-size: 10.5pt;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
|
||||
.jsoneditor-modal table th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.jsoneditor-modal #query,
|
||||
.jsoneditor-modal .jsoneditor-transform-preview {
|
||||
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
.jsoneditor-modal input[type="button"],
|
||||
.jsoneditor-modal input[type="submit"] {
|
||||
background: #f5f5f5;
|
||||
padding: 4px 20px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal select,
|
||||
.jsoneditor-modal input {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jsoneditor-modal input {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal input[type="text"] {
|
||||
cursor: inherit;
|
||||
}
|
||||
|
||||
.jsoneditor-modal input[disabled] {
|
||||
background: #d3d3d3;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-select-wrapper:after {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 5px solid transparent;
|
||||
border-top: 6px solid #666;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 14px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.jsoneditor-modal select {
|
||||
padding: 3px 24px 3px 10px;
|
||||
min-width: 180px;
|
||||
max-width: 350px;
|
||||
|
||||
-webkit-appearance:none;
|
||||
-moz-appearance:none;
|
||||
appearance: none;
|
||||
|
||||
text-indent: 0;
|
||||
text-overflow: "";
|
||||
font-size: 10pt;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.jsoneditor-modal select::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-button-group input {
|
||||
padding: 4px 10px;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
border-left-style: none;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-first {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-left-style: solid;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-button-group input.jsoneditor-button-last {
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
|
||||
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
|
||||
background: #3883fa;
|
||||
border-color: #3883fa;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.jsoneditor-modal #query,
|
||||
.jsoneditor-modal .jsoneditor-transform-preview {
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-transform-preview {
|
||||
background: #f5f5f5;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-transform-preview.jsoneditor-error {
|
||||
color: #ee422e;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-wizard {
|
||||
line-height: 1.2em;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-label {
|
||||
font-weight: bold;
|
||||
color: dodgerblue;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-wizard-table {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-wizard-label {
|
||||
font-style: italic;
|
||||
margin: 4px 0 2px 0;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-inline {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-inline:not(:last-child) {
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-filter {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-filter-field {
|
||||
width: 180px;
|
||||
}
|
||||
.jsoneditor-modal .jsoneditor-jmespath-filter-relation {
|
||||
width: 100px;
|
||||
}
|
||||
.jsoneditor-modal .jsoneditor-jmespath-filter-value {
|
||||
min-width: 180px;
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-sort-field {
|
||||
width: 170px;
|
||||
}
|
||||
.jsoneditor-modal .jsoneditor-jmespath-sort-order {
|
||||
width: 150px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .jsoneditor-jmespath-select-fields {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .selectr-selected {
|
||||
border-color: #d3d3d3;
|
||||
padding: 4px 28px 4px 8px;
|
||||
}
|
||||
|
||||
.jsoneditor-modal .selectr-selected .selectr-tag {
|
||||
background-color: #3883fa;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
|
@ -1,646 +0,0 @@
|
|||
|
||||
div.jsoneditor {
|
||||
|
||||
}
|
||||
|
||||
div.jsoneditor-field,
|
||||
div.jsoneditor-value,
|
||||
div.jsoneditor-readonly,
|
||||
div.jsoneditor-default {
|
||||
border: 1px solid transparent;
|
||||
min-height: 16px;
|
||||
min-width: 32px;
|
||||
padding: 2px;
|
||||
margin: 1px;
|
||||
word-wrap: break-word;
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* adjust margin of p elements inside editable divs, needed for Opera, IE */
|
||||
div.jsoneditor-field p,
|
||||
div.jsoneditor-value p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-value {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
div.jsoneditor-readonly {
|
||||
min-width: 16px;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
div.jsoneditor-empty {
|
||||
border-color: #d3d3d3;
|
||||
border-style: dashed;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
div.jsoneditor-field.jsoneditor-empty::after,
|
||||
div.jsoneditor-value.jsoneditor-empty::after {
|
||||
pointer-events: none;
|
||||
color: #d3d3d3;
|
||||
font-size: 8pt;
|
||||
}
|
||||
|
||||
div.jsoneditor-field.jsoneditor-empty::after {
|
||||
content: "field";
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-empty::after {
|
||||
content: "value";
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-url,
|
||||
a.jsoneditor-value.jsoneditor-url {
|
||||
color: green;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a.jsoneditor-value.jsoneditor-url {
|
||||
display: inline-block;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
}
|
||||
|
||||
a.jsoneditor-value.jsoneditor-url:hover,
|
||||
a.jsoneditor-value.jsoneditor-url:focus {
|
||||
color: #ee422e;
|
||||
}
|
||||
|
||||
div.jsoneditor td.jsoneditor-separator {
|
||||
padding: 3px 0;
|
||||
vertical-align: top;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
div.jsoneditor-field[contenteditable=true]:focus,
|
||||
div.jsoneditor-field[contenteditable=true]:hover,
|
||||
div.jsoneditor-value[contenteditable=true]:focus,
|
||||
div.jsoneditor-value[contenteditable=true]:hover,
|
||||
div.jsoneditor-field.jsoneditor-highlight,
|
||||
div.jsoneditor-value.jsoneditor-highlight {
|
||||
background-color: #FFFFAB;
|
||||
border: 1px solid yellow;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
div.jsoneditor-field.jsoneditor-highlight-active,
|
||||
div.jsoneditor-field.jsoneditor-highlight-active:focus,
|
||||
div.jsoneditor-field.jsoneditor-highlight-active:hover,
|
||||
div.jsoneditor-value.jsoneditor-highlight-active,
|
||||
div.jsoneditor-value.jsoneditor-highlight-active:focus,
|
||||
div.jsoneditor-value.jsoneditor-highlight-active:hover {
|
||||
background-color: #ffee00;
|
||||
border: 1px solid #ffc700;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-string {
|
||||
color: #006000;
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-object,
|
||||
div.jsoneditor-value.jsoneditor-array {
|
||||
min-width: 16px;
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-number {
|
||||
color: #ee422e;
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-boolean {
|
||||
color: #ff8c00;
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-null {
|
||||
color: #004ED0;
|
||||
}
|
||||
|
||||
div.jsoneditor-value.jsoneditor-invalid {
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
div.jsoneditor-default {
|
||||
color: #808080;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-button {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
background: transparent url('./img/jsoneditor-icons.svg');
|
||||
}
|
||||
|
||||
div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
|
||||
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-collapsed {
|
||||
background-position: 0 -48px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-expanded {
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-contextmenu {
|
||||
background-position: -48px -72px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
|
||||
div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
|
||||
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
|
||||
background-position: -48px -48px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree *:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-button:focus {
|
||||
/* TODO: nice outline for buttons with focus
|
||||
outline: #97B0F8 solid 2px;
|
||||
box-shadow: 0 0 8px #97B0F8;
|
||||
*/
|
||||
background-color: #f5f5f5;
|
||||
outline: #e5e5e5 solid 1px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-invisible {
|
||||
visibility: hidden;
|
||||
background: none;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree div.jsoneditor-show-more {
|
||||
display: inline-block;
|
||||
padding: 3px 4px;
|
||||
margin: 2px 0;
|
||||
|
||||
background-color: #e5e5e5;
|
||||
border-radius: 3px;
|
||||
color: #808080;
|
||||
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree div.jsoneditor-show-more a {
|
||||
display: inline-block;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree div.jsoneditor-show-more a:hover,
|
||||
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
|
||||
color: #ee422e;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree div.jsoneditor-color {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 4px;
|
||||
|
||||
border: 1px solid #808080;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.jsoneditor div.jsoneditor-anchor .picker_wrapper.popup.popup_bottom {
|
||||
top: 28px;
|
||||
left: -10px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree div.jsoneditor-date {
|
||||
background: #a1a1a1;
|
||||
color: white;
|
||||
font-family: arial, sans-serif;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
padding: 3px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
|
||||
div.jsoneditor {
|
||||
color: #1A1A1A;
|
||||
border: thin solid #3883fa; /* we use thin and not 1px to work around an issue in Chrome/IE, see #637 */
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
line-height: 100%;
|
||||
}
|
||||
|
||||
|
||||
div.jsoneditor-tree table.jsoneditor-tree {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
div.jsoneditor-outer {
|
||||
position: static;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
div.jsoneditor-outer.has-nav-bar {
|
||||
margin-top: -26px;
|
||||
padding-top: 26px;
|
||||
}
|
||||
|
||||
div.jsoneditor-outer.has-status-bar {
|
||||
margin-bottom: -26px;
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
|
||||
div.jsoneditor-outer.has-main-menu-bar {
|
||||
margin-top: -35px;
|
||||
padding-top: 35px;
|
||||
}
|
||||
|
||||
div.jsoneditor-outer.has-nav-bar.has-main-menu-bar {
|
||||
margin-top: -61px;
|
||||
padding-top: 61px;
|
||||
}
|
||||
|
||||
div.jsoneditor pre.jsoneditor-preview {
|
||||
|
||||
}
|
||||
|
||||
div.jsoneditor.busy pre.jsoneditor-preview {
|
||||
background: #f5f5f5;
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
div.jsoneditor code.jsoneditor-preview {
|
||||
background: none;
|
||||
}
|
||||
|
||||
div.jsoneditor.jsoneditor-mode-preview pre.jsoneditor-preview {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow: auto;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
|
||||
div.jsoneditor-busy {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 0;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.jsoneditor-busy span {
|
||||
background-color: #FFFFAB;
|
||||
border: 1px solid yellow;
|
||||
border-radius: 3px;
|
||||
padding: 5px 15px;
|
||||
box-shadow: 0 0 5px rgba(0,0,0,0.4);
|
||||
}
|
||||
|
||||
div.jsoneditor.busy div.jsoneditor-busy {
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
textarea.jsoneditor-text,
|
||||
.ace-jsoneditor {
|
||||
min-height: 150px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
textarea.jsoneditor-text {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
outline-width: 0;
|
||||
border: none;
|
||||
background-color: white;
|
||||
resize: none;
|
||||
}
|
||||
|
||||
tr.jsoneditor-highlight,
|
||||
tr.jsoneditor-selected {
|
||||
background-color: #d3d3d3;
|
||||
}
|
||||
|
||||
tr.jsoneditor-selected button.jsoneditor-dragarea,
|
||||
tr.jsoneditor-selected button.jsoneditor-contextmenu {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-dragarea {
|
||||
background: url('./img/jsoneditor-icons.svg') -72px -72px;
|
||||
cursor: move;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
|
||||
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
|
||||
background-position: -72px -48px;
|
||||
}
|
||||
|
||||
div.jsoneditor tr,
|
||||
div.jsoneditor th,
|
||||
div.jsoneditor td {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
div.jsoneditor td {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div.jsoneditor td.jsoneditor-tree {
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
div.jsoneditor-field,
|
||||
div.jsoneditor-value,
|
||||
div.jsoneditor td,
|
||||
div.jsoneditor th,
|
||||
div.jsoneditor textarea,
|
||||
div.jsoneditor pre.jsoneditor-preview,
|
||||
div.jsoneditor .jsoneditor-schema-error {
|
||||
font-family: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
|
||||
font-size: 10pt;
|
||||
color: #1A1A1A;
|
||||
}
|
||||
|
||||
/* popover */
|
||||
.jsoneditor-schema-error {
|
||||
cursor: default;
|
||||
display: inline-block;
|
||||
/*font-family: arial, sans-serif;*/
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
div.jsoneditor-tree .jsoneditor-button.jsoneditor-schema-error {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0 4px 0 0;
|
||||
background: url('./img/jsoneditor-icons.svg') -168px -48px;
|
||||
}
|
||||
|
||||
.jsoneditor-text-errors tr.jump-to-line:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover {
|
||||
background-color: #4c4c4c;
|
||||
border-radius: 3px;
|
||||
box-shadow: 0 0 5px rgba(0,0,0,0.4);
|
||||
color: #fff;
|
||||
display: none;
|
||||
padding: 7px 10px;
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
z-index: 4;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above {
|
||||
bottom: 32px;
|
||||
left: -98px;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below {
|
||||
top: 32px;
|
||||
left: -98px;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left {
|
||||
top: -7px;
|
||||
right: 32px;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right {
|
||||
top: -7px;
|
||||
left: 32px;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover:before {
|
||||
border-right: 7px solid transparent;
|
||||
border-left: 7px solid transparent;
|
||||
content: '';
|
||||
display: block;
|
||||
left: 50%;
|
||||
margin-left: -7px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-above:before {
|
||||
border-top: 7px solid #4c4c4c;
|
||||
bottom: -7px;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-below:before {
|
||||
border-bottom: 7px solid #4c4c4c;
|
||||
top: -7px;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-left:before {
|
||||
border-left: 7px solid #4c4c4c;
|
||||
border-top: 7px solid transparent;
|
||||
border-bottom: 7px solid transparent;
|
||||
content: '';
|
||||
top: 19px;
|
||||
right: -14px;
|
||||
left: inherit;
|
||||
margin-left: inherit;
|
||||
margin-top: -7px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error .jsoneditor-popover.jsoneditor-right:before {
|
||||
border-right: 7px solid #4c4c4c;
|
||||
border-top: 7px solid transparent;
|
||||
border-bottom: 7px solid transparent;
|
||||
content: '';
|
||||
top: 19px;
|
||||
left: -14px;
|
||||
margin-left: inherit;
|
||||
margin-top: -7px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
.jsoneditor-schema-error:hover .jsoneditor-popover,
|
||||
.jsoneditor-schema-error:focus .jsoneditor-popover {
|
||||
display: block;
|
||||
-webkit-animation: fade-in .3s linear 1, move-up .3s linear 1;
|
||||
-moz-animation: fade-in .3s linear 1, move-up .3s linear 1;
|
||||
-ms-animation: fade-in .3s linear 1, move-up .3s linear 1;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fade-in {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-moz-keyframes fade-in {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
@-ms-keyframes fade-in {
|
||||
from { opacity: 0; }
|
||||
to { opacity: 1; }
|
||||
}
|
||||
/*@-webkit-keyframes move-up {*/
|
||||
/*from { bottom: 24px; }*/
|
||||
/*to { bottom: 32px; }*/
|
||||
/*}*/
|
||||
/*@-moz-keyframes move-up {*/
|
||||
/*from { bottom: 24px; }*/
|
||||
/*to { bottom: 32px; }*/
|
||||
/*}*/
|
||||
/*@-ms-keyframes move-up {*/
|
||||
/*from { bottom: 24px; }*/
|
||||
/*to { bottom: 32px; }*/
|
||||
/*}*/
|
||||
|
||||
|
||||
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
|
||||
|
||||
.jsoneditor .jsoneditor-validation-errors-container {
|
||||
max-height: 130px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-validation-errors {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-additional-errors {
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
bottom: 31px;
|
||||
left: calc(50% - 92px);
|
||||
color: #808080;
|
||||
background-color: #ebebeb;
|
||||
padding: 7px 15px;
|
||||
border-radius: 8px;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-additional-errors.visible{
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: opacity 2s linear;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-additional-errors.hidden{
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: visibility 0s 2s, opacity 2s linear;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-text-errors {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border-top: 1px solid #ffd700;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-text-errors td {
|
||||
padding: 3px 6px;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-text-errors td pre {
|
||||
margin: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-text-errors tr {
|
||||
background-color: #ffef8b;
|
||||
}
|
||||
|
||||
.jsoneditor .jsoneditor-text-errors tr.parse-error {
|
||||
background-color: #ee2e2e70;
|
||||
}
|
||||
|
||||
.jsoneditor-text-errors .jsoneditor-schema-error {
|
||||
border: none;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0 4px 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.jsoneditor-text-errors tr .jsoneditor-schema-error {
|
||||
background: url('./img/jsoneditor-icons.svg') -168px -48px;
|
||||
}
|
||||
|
||||
.jsoneditor-text-errors tr.parse-error .jsoneditor-schema-error {
|
||||
background: url('./img/jsoneditor-icons.svg') -25px 0px;
|
||||
}
|
||||
|
||||
.fadein {
|
||||
-webkit-animation: fadein .3s;
|
||||
animation: fadein .3s;
|
||||
-moz-animation: fadein .3s;
|
||||
-o-animation: fadein .3s;
|
||||
}
|
||||
|
||||
@-webkit-keyframes fadein {
|
||||
0% {opacity: 0}
|
||||
100% {opacity: 1}
|
||||
}
|
||||
|
||||
@-moz-keyframes fadein{
|
||||
0% {opacity: 0}
|
||||
100% {opacity: 1}
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
0% {opacity: 0}
|
||||
100% {opacity: 1}
|
||||
}
|
||||
|
||||
@-o-keyframes fadein {
|
||||
0% {opacity: 0}
|
||||
100% {opacity: 1}
|
||||
}
|
||||
127
src/css/menu.css
127
src/css/menu.css
|
|
@ -1,127 +0,0 @@
|
|||
|
||||
div.jsoneditor-menu {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
color: white;
|
||||
background-color: #3883fa;
|
||||
border-bottom: 1px solid #3883fa;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu > button,
|
||||
div.jsoneditor-menu > div.jsoneditor-modes > button {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin: 2px;
|
||||
padding: 0;
|
||||
border-radius: 2px;
|
||||
border: 1px solid transparent;
|
||||
background: transparent url('./img/jsoneditor-icons.svg');
|
||||
color: white;
|
||||
opacity: 0.8;
|
||||
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 10pt;
|
||||
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu > button:hover,
|
||||
div.jsoneditor-menu > div.jsoneditor-modes > button:hover {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
border: 1px solid rgba(255,255,255,0.4);
|
||||
}
|
||||
div.jsoneditor-menu > button:focus,
|
||||
div.jsoneditor-menu > button:active,
|
||||
div.jsoneditor-menu > div.jsoneditor-modes > button:focus,
|
||||
div.jsoneditor-menu > div.jsoneditor-modes > button:active {
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
}
|
||||
div.jsoneditor-menu > button:disabled,
|
||||
div.jsoneditor-menu > div.jsoneditor-modes > button:disabled {
|
||||
opacity: 0.5;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu > button.jsoneditor-collapse-all {
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-expand-all {
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-sort {
|
||||
background-position: -120px -96px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-transform {
|
||||
background-position: -144px -96px;
|
||||
}
|
||||
div.jsoneditor.jsoneditor-mode-view > div.jsoneditor-menu > button.jsoneditor-sort,
|
||||
div.jsoneditor.jsoneditor-mode-form > div.jsoneditor-menu > button.jsoneditor-sort,
|
||||
div.jsoneditor.jsoneditor-mode-view > div.jsoneditor-menu > button.jsoneditor-transform,
|
||||
div.jsoneditor.jsoneditor-mode-form > div.jsoneditor-menu > button.jsoneditor-transform {
|
||||
display: none;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-undo {
|
||||
background-position: -24px -96px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-undo:disabled {
|
||||
background-position: -24px -120px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-redo {
|
||||
background-position: -48px -96px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-redo:disabled {
|
||||
background-position: -48px -120px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-compact {
|
||||
background-position: -72px -96px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-format {
|
||||
background-position: -72px -120px;
|
||||
}
|
||||
div.jsoneditor-menu > button.jsoneditor-repair {
|
||||
background-position: -96px -96px;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu > div.jsoneditor-modes {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu > div.jsoneditor-modes > button {
|
||||
background-image: none;
|
||||
width: auto;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu > button.jsoneditor-separator,
|
||||
div.jsoneditor-menu > div.jsoneditor-modes > button.jsoneditor-separator {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu a {
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 10pt;
|
||||
color: white;
|
||||
opacity: 0.8;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
div.jsoneditor-menu a.jsoneditor-poweredBy {
|
||||
font-size: 8pt;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
|
@ -1,17 +0,0 @@
|
|||
div.jsoneditor-navigation-bar {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid #d3d3d3;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: #808080;
|
||||
background-color: #ebebeb;
|
||||
overflow: hidden;
|
||||
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
|
@ -1,25 +0,0 @@
|
|||
/* reset styling (prevent conflicts with bootstrap, materialize.css, etc.) */
|
||||
|
||||
div.jsoneditor .jsoneditor-search input {
|
||||
height: auto;
|
||||
border: inherit;
|
||||
}
|
||||
|
||||
div.jsoneditor .jsoneditor-search input:focus {
|
||||
border: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
div.jsoneditor table {
|
||||
border-collapse: collapse;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
div.jsoneditor td,
|
||||
div.jsoneditor th {
|
||||
padding: 0;
|
||||
display: table-cell;
|
||||
text-align: left;
|
||||
vertical-align: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
|
@ -1,78 +0,0 @@
|
|||
|
||||
table.jsoneditor-search input,
|
||||
table.jsoneditor-search div.jsoneditor-results {
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 10pt;
|
||||
color: #1A1A1A;
|
||||
background: transparent; /* For Firefox */
|
||||
}
|
||||
|
||||
table.jsoneditor-search div.jsoneditor-results {
|
||||
color: white;
|
||||
padding-right: 5px;
|
||||
line-height: 24px;
|
||||
padding-top: 2px;
|
||||
}
|
||||
|
||||
table.jsoneditor-search {
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
top: 4px;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
}
|
||||
|
||||
table.jsoneditor-search div.jsoneditor-frame {
|
||||
border: 1px solid transparent;
|
||||
background-color: white;
|
||||
padding: 0 2px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
table.jsoneditor-search div.jsoneditor-frame table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
table.jsoneditor-search input {
|
||||
width: 120px;
|
||||
border: none;
|
||||
outline: none;
|
||||
margin: 1px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
table.jsoneditor-search button {
|
||||
width: 16px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background: url('./img/jsoneditor-icons.svg');
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
table.jsoneditor-search button:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
table.jsoneditor-search button.jsoneditor-refresh {
|
||||
width: 18px;
|
||||
background-position: -99px -73px;
|
||||
}
|
||||
|
||||
table.jsoneditor-search button.jsoneditor-next {
|
||||
cursor: pointer;
|
||||
background-position: -124px -73px;
|
||||
}
|
||||
table.jsoneditor-search button.jsoneditor-next:hover {
|
||||
background-position: -124px -49px;
|
||||
}
|
||||
|
||||
table.jsoneditor-search button.jsoneditor-previous {
|
||||
cursor: pointer;
|
||||
background-position: -148px -73px;
|
||||
margin-right: 2px;
|
||||
}
|
||||
table.jsoneditor-search button.jsoneditor-previous:hover {
|
||||
background-position: -148px -49px;
|
||||
}
|
||||
|
|
@ -1,50 +0,0 @@
|
|||
div.jsoneditor-statusbar {
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
color: #808080;
|
||||
background-color: #ebebeb;
|
||||
border-top: 1px solid #d3d3d3;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
div.jsoneditor-statusbar > .jsoneditor-curserinfo-label,
|
||||
div.jsoneditor-statusbar > .jsoneditor-size-info {
|
||||
margin: 0 4px;
|
||||
}
|
||||
|
||||
div.jsoneditor-statusbar > .jsoneditor-curserinfo-val {
|
||||
margin-right: 12px;
|
||||
}
|
||||
|
||||
div.jsoneditor-statusbar > .jsoneditor-curserinfo-count {
|
||||
margin-left: 4px;
|
||||
}
|
||||
div.jsoneditor-statusbar > .jsoneditor-validation-error-icon {
|
||||
float: right;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin-top: 1px;
|
||||
background: url("img/jsoneditor-icons.svg") -168px -48px;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jsoneditor-statusbar > .jsoneditor-validation-error-count {
|
||||
float: right;
|
||||
margin: 0 4px 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jsoneditor-statusbar > .jsoneditor-parse-error-icon {
|
||||
float: right;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 1px;
|
||||
background: url("img/jsoneditor-icons.svg") -25px 0px;
|
||||
}
|
||||
|
||||
div.jsoneditor-statusbar .jsoneditor-array-info a {
|
||||
color: inherit;
|
||||
}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
|
||||
div.jsoneditor-treepath {
|
||||
padding: 0 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
div.jsoneditor-treepath.show-all {
|
||||
word-wrap: break-word;
|
||||
white-space: normal;
|
||||
position: absolute;
|
||||
background-color: #ebebeb;
|
||||
z-index: 999;
|
||||
box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
|
||||
}
|
||||
|
||||
div.jsoneditor-treepath div.jsoneditor-contextmenu-root {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
div.jsoneditor-treepath span.jsoneditor-treepath-show-all-btn {
|
||||
position: absolute;
|
||||
background-color: #ebebeb;
|
||||
left: 0;
|
||||
height: 20px;
|
||||
padding: 0 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
div.jsoneditor-treepath.show-all span.jsoneditor-treepath-show-all-btn {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.jsoneditor-treepath span.jsoneditor-treepath-element{
|
||||
margin: 1px;
|
||||
font-family: arial, sans-serif;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
div.jsoneditor-treepath span.jsoneditor-treepath-seperator {
|
||||
margin: 2px;
|
||||
font-size: 9pt;
|
||||
font-family: arial, sans-serif;
|
||||
}
|
||||
|
||||
div.jsoneditor-treepath span.jsoneditor-treepath-element:hover, div.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
|
||||
cursor:pointer;
|
||||
text-decoration:underline;
|
||||
}
|
||||
|
|
@ -4,6 +4,7 @@
|
|||
*
|
||||
* Released under the MIT license
|
||||
*/
|
||||
@import "../../../scss/styles.scss";
|
||||
|
||||
.selectr-container {
|
||||
position: relative;
|
||||
|
|
@ -57,9 +58,9 @@
|
|||
width: 100%;
|
||||
padding: 7px 28px 7px 14px;
|
||||
cursor: pointer;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $jse-grey;
|
||||
border-radius: 3px;
|
||||
background-color: #fff;
|
||||
background-color: $jse-white;
|
||||
}
|
||||
|
||||
.selectr-selected::before {
|
||||
|
|
@ -115,7 +116,7 @@
|
|||
padding: 2px 25px 2px 8px;
|
||||
margin: 0 2px 2px 0;
|
||||
cursor: default;
|
||||
color: #fff;
|
||||
color: $jse-white;
|
||||
border: medium none;
|
||||
border-radius: 10px;
|
||||
background: #acb7bf none repeat scroll 0 0;
|
||||
|
|
@ -135,9 +136,9 @@
|
|||
width: 100%;
|
||||
border-width: 0 1px 1px;
|
||||
border-style: solid;
|
||||
border-color: transparent #999 #999;
|
||||
border-color: transparent $jse-grey $jse-grey;
|
||||
border-radius: 0 0 3px 3px;
|
||||
background-color: #fff;
|
||||
background-color: $jse-white;
|
||||
}
|
||||
|
||||
.selectr-container.open .selectr-options-container {
|
||||
|
|
@ -203,7 +204,7 @@
|
|||
top: 4px;
|
||||
width: 3px;
|
||||
height: 12px;
|
||||
background-color: #fff;
|
||||
background-color: $jse-white;
|
||||
}
|
||||
|
||||
.selectr-clear:before,
|
||||
|
|
@ -238,7 +239,7 @@
|
|||
width: calc(100% - 30px);
|
||||
margin: 10px 15px;
|
||||
padding: 7px 30px 7px 9px;
|
||||
border: 1px solid #999;
|
||||
border: 1px solid $jse-grey;
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
|
|
@ -247,9 +248,9 @@
|
|||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
padding: 8px 16px;
|
||||
border-top: 1px solid #999;
|
||||
border-top: 1px solid $jse-grey;
|
||||
border-radius: 0 0 3px 3px;
|
||||
background-color: #fff;
|
||||
background-color: $jse-white;
|
||||
}
|
||||
|
||||
.selectr-container.notice .selectr-notice {
|
||||
|
|
@ -310,7 +311,7 @@
|
|||
}
|
||||
|
||||
.selectr-option.active {
|
||||
color: #fff;
|
||||
color: $jse-white;
|
||||
background-color: #5897fb;
|
||||
}
|
||||
|
||||
|
|
@ -323,7 +324,7 @@
|
|||
}
|
||||
|
||||
.selectr-container.open .selectr-selected {
|
||||
border-color: #999 #999 transparent #999;
|
||||
border-color: $jse-grey $jse-grey transparent $jse-grey;
|
||||
border-radius: 3px 3px 0 0;
|
||||
}
|
||||
|
||||
|
|
@ -436,15 +437,15 @@
|
|||
}
|
||||
}
|
||||
.selectr-container.open.inverted .selectr-selected {
|
||||
border-color: transparent #999 #999;
|
||||
border-color: transparent $jse-grey $jse-grey;
|
||||
border-radius: 0 0 3px 3px;
|
||||
}
|
||||
|
||||
.selectr-container.inverted .selectr-options-container {
|
||||
border-width: 1px 1px 0;
|
||||
border-color: #999 #999 transparent;
|
||||
border-color: $jse-grey $jse-grey transparent;
|
||||
border-radius: 3px 3px 0 0;
|
||||
background-color: #fff;
|
||||
background-color: $jse-white;
|
||||
}
|
||||
|
||||
.selectr-container.inverted .selectr-options-container {
|
||||
|
|
@ -69,6 +69,10 @@ function showSortModal (container, json, onSort, options) {
|
|||
parent: container,
|
||||
content: content,
|
||||
overlayClass: 'jsoneditor-modal-overlay',
|
||||
overlayStyles: {
|
||||
backgroundColor: "rgb(1,1,1)",
|
||||
opacity: 0.3
|
||||
},
|
||||
modalClass: 'jsoneditor-modal jsoneditor-modal-sort'
|
||||
})
|
||||
.afterCreate(function (modal) {
|
||||
|
|
|
|||
|
|
@ -99,6 +99,10 @@ function showTransformModal (container, json, onTransform) {
|
|||
parent: container,
|
||||
content: content,
|
||||
overlayClass: 'jsoneditor-modal-overlay',
|
||||
overlayStyles: {
|
||||
backgroundColor: "rgb(1,1,1)",
|
||||
opacity: 0.3
|
||||
},
|
||||
modalClass: 'jsoneditor-modal jsoneditor-modal-transform',
|
||||
focus: false
|
||||
})
|
||||
|
|
|
|||
|
|
@ -0,0 +1,34 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor {
|
||||
&.autocomplete {
|
||||
&.dropdown {
|
||||
position: absolute;
|
||||
background: $jse-white;
|
||||
box-shadow: $jse-box-shadow;
|
||||
border: 1px solid $jse-bar-border;
|
||||
z-index: 100;
|
||||
overflow-x: hidden;
|
||||
overflow-y: auto;
|
||||
cursor: default;
|
||||
margin: 0;
|
||||
padding-left: 2pt;
|
||||
padding-right: 5pt;
|
||||
text-align: left;
|
||||
outline: 0;
|
||||
font-family: $jse-font-mono;
|
||||
font-size: $jse-font-size;
|
||||
.item {
|
||||
color: #333;
|
||||
&.hover {
|
||||
background-color: #ddd;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.hint {
|
||||
color: #aaa;
|
||||
top: 4px;
|
||||
left: 4px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,441 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor-contextmenu-root {
|
||||
position: relative;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.jsoneditor-contextmenu {
|
||||
position: absolute;
|
||||
box-sizing: content-box;
|
||||
z-index: 99;
|
||||
.jsoneditor-menu {
|
||||
position: relative;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 128px;
|
||||
height: auto;
|
||||
background: $jse-white;
|
||||
border: 1px solid $jse-bar-border;
|
||||
box-shadow: $jse-box-shadow;
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
button {
|
||||
position: relative;
|
||||
padding: 0 4px 0 0;
|
||||
margin: 0;
|
||||
width: 128px;
|
||||
height: auto;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
color: $jse-contextmenu-color;
|
||||
background: transparent;
|
||||
font-size: $jse-font-size;
|
||||
font-family: $jse-font;
|
||||
box-sizing: border-box;
|
||||
text-align: left;
|
||||
&::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
}
|
||||
&.jsoneditor-default {
|
||||
width: 96px;
|
||||
}
|
||||
&.jsoneditor-expand {
|
||||
float: right;
|
||||
width: 32px;
|
||||
height: 24px;
|
||||
border-left: 1px solid $jse-separator;
|
||||
}
|
||||
}
|
||||
li {
|
||||
overflow: hidden;
|
||||
ul {
|
||||
display: none;
|
||||
position: relative;
|
||||
left: -10px;
|
||||
top: 0;
|
||||
border: none;
|
||||
box-shadow: $jse-box-shadow-inner;
|
||||
padding: 0 10px;
|
||||
-webkit-transition: all 0.3s ease-out;
|
||||
-moz-transition: all 0.3s ease-out;
|
||||
-o-transition: all 0.3s ease-out;
|
||||
transition: all 0.3s ease-out;
|
||||
.jsoneditor-icon {
|
||||
margin-left: 24px;
|
||||
}
|
||||
li {
|
||||
button {
|
||||
padding-left: 24px;
|
||||
animation: all ease-in-out 1s;
|
||||
}
|
||||
}
|
||||
}
|
||||
button {
|
||||
.jsoneditor-expand {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0 4px 0 0;
|
||||
background: url("./img/jsoneditor-icons.svg") 0 -72px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-icon {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
border: none;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-image: url("./img/jsoneditor-icons.svg");
|
||||
}
|
||||
.jsoneditor-text {
|
||||
padding: 4px 0 4px 24px;
|
||||
word-wrap: break-word;
|
||||
&.jsoneditor-right-margin {
|
||||
padding-right: 24px;
|
||||
}
|
||||
}
|
||||
.jsoneditor-separator {
|
||||
height: 0;
|
||||
border-top: 1px solid $jse-separator;
|
||||
padding-top: 5px;
|
||||
margin-top: 5px;
|
||||
}
|
||||
button {
|
||||
&.jsoneditor-remove {
|
||||
.jsoneditor-icon {
|
||||
background-position: -24px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-append {
|
||||
.jsoneditor-icon {
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-insert {
|
||||
.jsoneditor-icon {
|
||||
background-position: 0 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-duplicate {
|
||||
.jsoneditor-icon {
|
||||
background-position: -48px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-sort-asc {
|
||||
.jsoneditor-icon {
|
||||
background-position: -168px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-sort-desc {
|
||||
.jsoneditor-icon {
|
||||
background-position: -192px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-transform {
|
||||
.jsoneditor-icon {
|
||||
background-position: -216px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-extract {
|
||||
.jsoneditor-icon {
|
||||
background-position: 0 -24px;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-type-string {
|
||||
.jsoneditor-icon {
|
||||
background-position: -144px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-type-auto {
|
||||
.jsoneditor-icon {
|
||||
background-position: -120px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-type-object {
|
||||
.jsoneditor-icon {
|
||||
background-position: -72px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-type-array {
|
||||
.jsoneditor-icon {
|
||||
background-position: -96px 0;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-type-modes {
|
||||
.jsoneditor-icon {
|
||||
background-image: none;
|
||||
width: 6px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-contextmenu ul,
|
||||
.jsoneditor-contextmenu li {
|
||||
box-sizing: content-box;
|
||||
position: relative;
|
||||
}
|
||||
.jsoneditor-contextmenu .jsoneditor-menu button:hover,
|
||||
.jsoneditor-contextmenu .jsoneditor-menu button:focus {
|
||||
color: $jse-content-color;
|
||||
background-color: $jse-preview;
|
||||
outline: none;
|
||||
}
|
||||
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected,
|
||||
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:hover,
|
||||
.jsoneditor-contextmenu .jsoneditor-menu li button.jsoneditor-selected:focus {
|
||||
color: $jse-white;
|
||||
background-color: $jse-number;
|
||||
}
|
||||
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:hover,
|
||||
.jsoneditor-contextmenu .jsoneditor-menu li ul li button:focus {
|
||||
background-color: $jse-preview;
|
||||
}
|
||||
|
||||
.jsoneditor-modal {
|
||||
max-width: 95%;
|
||||
border-radius: 2px !important;
|
||||
padding: 45px 15px 15px 15px !important;
|
||||
box-shadow: $jse-box-shadow;
|
||||
color: $jse-contextmenu-color;
|
||||
line-height: 1.3em;
|
||||
&.jsoneditor-modal-transform {
|
||||
width: 600px !important;
|
||||
}
|
||||
.pico-modal-header {
|
||||
position: absolute;
|
||||
box-sizing: border-box;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
padding: 0 10px;
|
||||
height: 30px;
|
||||
line-height: 30px;
|
||||
font-family: $jse-font;
|
||||
font-size: 11pt;
|
||||
background: $jse-blue;
|
||||
color: $jse-white;
|
||||
}
|
||||
table {
|
||||
width: 100%;
|
||||
td {
|
||||
padding: 3px 0;
|
||||
&.jsoneditor-modal-input {
|
||||
text-align: right;
|
||||
padding-right: 0;
|
||||
white-space: nowrap;
|
||||
}
|
||||
&.jsoneditor-modal-actions {
|
||||
padding-top: 15px;
|
||||
}
|
||||
}
|
||||
th {
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
p {
|
||||
&:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
}
|
||||
a {
|
||||
color: $jse-blue;
|
||||
}
|
||||
.jsoneditor-jmespath-block {
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.pico-close {
|
||||
background: none !important;
|
||||
font-size: 24px !important;
|
||||
top: 7px !important;
|
||||
right: 7px !important;
|
||||
color: $jse-white;
|
||||
}
|
||||
input {
|
||||
padding: 4px;
|
||||
}
|
||||
input[type="text"] {
|
||||
cursor: inherit;
|
||||
}
|
||||
input[disabled] {
|
||||
background: $jse-empty;
|
||||
color: $jse-readonly;
|
||||
}
|
||||
.jsoneditor-select-wrapper {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
&:after {
|
||||
content: "";
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-left: 5px solid transparent;
|
||||
border-right: 5px solid transparent;
|
||||
border-top: 6px solid #666;
|
||||
position: absolute;
|
||||
right: 8px;
|
||||
top: 14px;
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
select {
|
||||
padding: 3px 24px 3px 10px;
|
||||
min-width: 180px;
|
||||
max-width: 350px;
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
text-indent: 0;
|
||||
text-overflow: "";
|
||||
font-size: $jse-font-size;
|
||||
line-height: 1.5em;
|
||||
&::-ms-expand {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
.jsoneditor-button-group {
|
||||
input {
|
||||
padding: 4px 10px;
|
||||
margin: 0;
|
||||
border-radius: 0;
|
||||
border-left-style: none;
|
||||
&.jsoneditor-button-first {
|
||||
border-top-left-radius: 3px;
|
||||
border-bottom-left-radius: 3px;
|
||||
border-left-style: solid;
|
||||
}
|
||||
&.jsoneditor-button-last {
|
||||
border-top-right-radius: 3px;
|
||||
border-bottom-right-radius: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-transform-preview {
|
||||
background: $jse-preview;
|
||||
height: 200px;
|
||||
&.jsoneditor-error {
|
||||
color: $jse-number;
|
||||
}
|
||||
}
|
||||
.jsoneditor-jmespath-wizard {
|
||||
line-height: 1.2em;
|
||||
width: 100%;
|
||||
padding: 0;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.jsoneditor-jmespath-label {
|
||||
font-weight: bold;
|
||||
color: dodgerblue;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
.jsoneditor-jmespath-wizard-table {
|
||||
width: 100%;
|
||||
}
|
||||
.jsoneditor-jmespath-wizard-label {
|
||||
font-style: italic;
|
||||
margin: 4px 0 2px 0;
|
||||
}
|
||||
.jsoneditor-inline {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
padding-top: 2px;
|
||||
padding-bottom: 2px;
|
||||
&:not(:last-child) {
|
||||
padding-right: 2px;
|
||||
}
|
||||
}
|
||||
.jsoneditor-jmespath-filter {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
.jsoneditor-jmespath-filter-field {
|
||||
width: 180px;
|
||||
}
|
||||
.jsoneditor-jmespath-filter-relation {
|
||||
width: 100px;
|
||||
}
|
||||
.jsoneditor-jmespath-filter-value {
|
||||
min-width: 180px;
|
||||
flex: 1;
|
||||
}
|
||||
.jsoneditor-jmespath-sort-field {
|
||||
width: 170px;
|
||||
}
|
||||
.jsoneditor-jmespath-sort-order {
|
||||
width: 150px;
|
||||
}
|
||||
.jsoneditor-jmespath-select-fields {
|
||||
width: 100%;
|
||||
}
|
||||
.selectr-selected {
|
||||
border-color: $jse-bar-border;
|
||||
padding: 4px 28px 4px 8px;
|
||||
.selectr-tag {
|
||||
background-color: $jse-blue;
|
||||
border-radius: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-modal table th,
|
||||
.jsoneditor-modal table td {
|
||||
text-align: left;
|
||||
vertical-align: top;
|
||||
font-weight: normal;
|
||||
color: $jse-contextmenu-color;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
.jsoneditor-modal select,
|
||||
.jsoneditor-modal textarea,
|
||||
.jsoneditor-modal input,
|
||||
.jsoneditor-modal #query {
|
||||
background: #ffffff;
|
||||
border: 1px solid $jse-bar-border;
|
||||
color: $jse-contextmenu-color;
|
||||
border-radius: 3px;
|
||||
padding: 4px;
|
||||
}
|
||||
.jsoneditor-modal,
|
||||
.jsoneditor-modal table td,
|
||||
.jsoneditor-modal table th,
|
||||
.jsoneditor-modal select,
|
||||
.jsoneditor-modal option,
|
||||
.jsoneditor-modal textarea,
|
||||
.jsoneditor-modal input,
|
||||
.jsoneditor-modal #query {
|
||||
font-size: 10.5pt;
|
||||
font-family: $jse-font;
|
||||
}
|
||||
.jsoneditor-modal #query,
|
||||
.jsoneditor-modal .jsoneditor-transform-preview {
|
||||
font-family: $jse-font-mono;
|
||||
font-size: $jse-font-size;
|
||||
width: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.jsoneditor-modal input[type="button"],
|
||||
.jsoneditor-modal input[type="submit"] {
|
||||
background: $jse-preview;
|
||||
padding: 4px 20px;
|
||||
}
|
||||
.jsoneditor-modal select,
|
||||
.jsoneditor-modal input {
|
||||
cursor: pointer;
|
||||
}
|
||||
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-asc input.jsoneditor-button-asc,
|
||||
.jsoneditor-modal .jsoneditor-button-group.jsoneditor-button-group-value-desc input.jsoneditor-button-desc {
|
||||
background: $jse-blue;
|
||||
border-color: $jse-blue;
|
||||
color: $jse-white;
|
||||
}
|
||||
|
Before Width: | Height: | Size: 31 KiB After Width: | Height: | Size: 31 KiB |
|
|
@ -0,0 +1,566 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor {
|
||||
color: $jse-content-color;
|
||||
border: thin solid $jse-blue;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
padding: 0;
|
||||
line-height: 100%;
|
||||
}
|
||||
div.jsoneditor-field,
|
||||
div.jsoneditor-value,
|
||||
div.jsoneditor-readonly,
|
||||
div.jsoneditor-default {
|
||||
border: 1px solid transparent;
|
||||
min-height: 16px;
|
||||
min-width: 32px;
|
||||
padding: 2px;
|
||||
margin: 1px;
|
||||
word-wrap: break-word;
|
||||
float: left;
|
||||
}
|
||||
div.jsoneditor-field p,
|
||||
div.jsoneditor-value p {
|
||||
margin: 0;
|
||||
}
|
||||
div {
|
||||
&.jsoneditor-value {
|
||||
word-break: break-word;
|
||||
&.jsoneditor-empty {
|
||||
&::after {
|
||||
content: "value";
|
||||
}
|
||||
}
|
||||
&.jsoneditor-string {
|
||||
color: $jse-string;
|
||||
}
|
||||
&.jsoneditor-number {
|
||||
color: $jse-number;
|
||||
}
|
||||
&.jsoneditor-boolean {
|
||||
color: $jse-boolean;
|
||||
}
|
||||
&.jsoneditor-null {
|
||||
color: $jse-null;
|
||||
}
|
||||
&.jsoneditor-invalid {
|
||||
color: $jse-invalid;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-readonly {
|
||||
min-width: 16px;
|
||||
color: $jse-readonly;
|
||||
}
|
||||
&.jsoneditor-empty {
|
||||
border-color: $jse-bar-border;
|
||||
border-style: dashed;
|
||||
border-radius: 2px;
|
||||
}
|
||||
&.jsoneditor-field {
|
||||
&.jsoneditor-empty {
|
||||
&::after {
|
||||
content: "field";
|
||||
}
|
||||
}
|
||||
}
|
||||
&.jsoneditor {
|
||||
td {
|
||||
vertical-align: top;
|
||||
&.jsoneditor-separator {
|
||||
padding: 3px 0;
|
||||
vertical-align: top;
|
||||
color: $jse-readonly;
|
||||
}
|
||||
&.jsoneditor-tree {
|
||||
vertical-align: top;
|
||||
}
|
||||
}
|
||||
div {
|
||||
&.jsoneditor-anchor {
|
||||
.picker_wrapper {
|
||||
&.popup {
|
||||
&.popup_bottom {
|
||||
top: 28px;
|
||||
left: -10px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.busy {
|
||||
pre {
|
||||
&.jsoneditor-preview {
|
||||
background: $jse-preview;
|
||||
color: $jse-readonly;
|
||||
}
|
||||
}
|
||||
div {
|
||||
&.jsoneditor-busy {
|
||||
display: inherit;
|
||||
}
|
||||
}
|
||||
}
|
||||
code {
|
||||
&.jsoneditor-preview {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-mode-preview {
|
||||
pre {
|
||||
&.jsoneditor-preview {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
box-sizing: border-box;
|
||||
overflow: auto;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-all;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
&.jsoneditor-default {
|
||||
color: $jse-readonly;
|
||||
padding-left: 10px;
|
||||
}
|
||||
&.jsoneditor-tree {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow: auto;
|
||||
button {
|
||||
&.jsoneditor-button {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
background: transparent url("./img/jsoneditor-icons.svg");
|
||||
&:focus {
|
||||
background-color: $jse-preview;
|
||||
outline: #e5e5e5 solid 1px;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-collapsed {
|
||||
background-position: 0 -48px;
|
||||
}
|
||||
&.jsoneditor-expanded {
|
||||
background-position: 0 -72px;
|
||||
}
|
||||
&.jsoneditor-contextmenu {
|
||||
background-position: -48px -72px;
|
||||
}
|
||||
&.jsoneditor-invisible {
|
||||
visibility: hidden;
|
||||
background: none;
|
||||
}
|
||||
&.jsoneditor-dragarea {
|
||||
background: url("./img/jsoneditor-icons.svg") -72px -72px;
|
||||
cursor: move;
|
||||
}
|
||||
}
|
||||
*:focus {
|
||||
outline: none;
|
||||
}
|
||||
div {
|
||||
&.jsoneditor-show-more {
|
||||
display: inline-block;
|
||||
padding: 3px 4px;
|
||||
margin: 2px 0;
|
||||
background-color: $jse-separator;
|
||||
border-radius: 3px;
|
||||
color: $jse-readonly;
|
||||
font-family: $jse-font;
|
||||
font-size: $jse-font-size;
|
||||
a {
|
||||
display: inline-block;
|
||||
color: $jse-readonly;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-color {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
margin: 4px;
|
||||
border: 1px solid $jse-readonly;
|
||||
cursor: pointer;
|
||||
}
|
||||
&.jsoneditor-date {
|
||||
background: $jse-date;
|
||||
color: $jse-white;
|
||||
font-family: $jse-font;
|
||||
border-radius: 3px;
|
||||
display: inline-block;
|
||||
padding: 3px;
|
||||
margin: 0 3px;
|
||||
}
|
||||
}
|
||||
table {
|
||||
&.jsoneditor-tree {
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
.jsoneditor-button {
|
||||
&.jsoneditor-schema-error {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0 4px 0 0;
|
||||
background: url("./img/jsoneditor-icons.svg") -168px -48px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.jsoneditor-outer {
|
||||
position: static;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
&.has-nav-bar {
|
||||
margin-top: -26px;
|
||||
padding-top: 26px;
|
||||
&.has-main-menu-bar {
|
||||
margin-top: -61px;
|
||||
padding-top: 61px;
|
||||
}
|
||||
}
|
||||
&.has-status-bar {
|
||||
margin-bottom: -26px;
|
||||
padding-bottom: 26px;
|
||||
}
|
||||
&.has-main-menu-bar {
|
||||
margin-top: -35px;
|
||||
padding-top: 35px;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-busy {
|
||||
position: absolute;
|
||||
top: 15%;
|
||||
left: 0;
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
display: none;
|
||||
span {
|
||||
background-color: $jse-busy;
|
||||
border: 1px solid $jse-busy-border-color;
|
||||
border-radius: 3px;
|
||||
padding: 5px 15px;
|
||||
box-shadow: $jse-box-shadow-sm;
|
||||
}
|
||||
}
|
||||
}
|
||||
div.jsoneditor-field.jsoneditor-empty::after,
|
||||
div.jsoneditor-value.jsoneditor-empty::after {
|
||||
pointer-events: none;
|
||||
color: $jse-empty;
|
||||
font-size: 8pt;
|
||||
}
|
||||
div.jsoneditor-value.jsoneditor-url,
|
||||
a.jsoneditor-value.jsoneditor-url {
|
||||
color: $jse-string;
|
||||
text-decoration: underline;
|
||||
}
|
||||
a {
|
||||
&.jsoneditor-value {
|
||||
&.jsoneditor-url {
|
||||
display: inline-block;
|
||||
padding: 2px;
|
||||
margin: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
a.jsoneditor-value.jsoneditor-url:hover,
|
||||
a.jsoneditor-value.jsoneditor-url:focus {
|
||||
color: $jse-number;
|
||||
}
|
||||
div.jsoneditor-field[contenteditable="true"]:focus,
|
||||
div.jsoneditor-field[contenteditable="true"]:hover,
|
||||
div.jsoneditor-value[contenteditable="true"]:focus,
|
||||
div.jsoneditor-value[contenteditable="true"]:hover,
|
||||
div.jsoneditor-field.jsoneditor-highlight,
|
||||
div.jsoneditor-value.jsoneditor-highlight {
|
||||
background-color: $jse-busy;
|
||||
border: 1px solid $jse-busy-border-color;
|
||||
border-radius: 2px;
|
||||
}
|
||||
div.jsoneditor-field.jsoneditor-highlight-active,
|
||||
div.jsoneditor-field.jsoneditor-highlight-active:focus,
|
||||
div.jsoneditor-field.jsoneditor-highlight-active:hover,
|
||||
div.jsoneditor-value.jsoneditor-highlight-active,
|
||||
div.jsoneditor-value.jsoneditor-highlight-active:focus,
|
||||
div.jsoneditor-value.jsoneditor-highlight-active:hover {
|
||||
background-color: $jse-highlight-bg;
|
||||
border: 1px solid $jse-highlight-border-color;
|
||||
border-radius: 2px;
|
||||
}
|
||||
div.jsoneditor-value.jsoneditor-object,
|
||||
div.jsoneditor-value.jsoneditor-array {
|
||||
min-width: 16px;
|
||||
}
|
||||
div.jsoneditor-mode-view tr.jsoneditor-expandable td.jsoneditor-tree,
|
||||
div.jsoneditor-mode-form tr.jsoneditor-expandable td.jsoneditor-tree {
|
||||
cursor: pointer;
|
||||
}
|
||||
div.jsoneditor-tree button.jsoneditor-contextmenu:hover,
|
||||
div.jsoneditor-tree button.jsoneditor-contextmenu:focus,
|
||||
div.jsoneditor-tree button.jsoneditor-contextmenu.jsoneditor-selected,
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
|
||||
background-position: -48px -48px;
|
||||
}
|
||||
div.jsoneditor-tree div.jsoneditor-show-more a:hover,
|
||||
div.jsoneditor-tree div.jsoneditor-show-more a:focus {
|
||||
color: $jse-number;
|
||||
}
|
||||
textarea.jsoneditor-text,
|
||||
.ace-jsoneditor {
|
||||
min-height: 150px;
|
||||
}
|
||||
textarea {
|
||||
&.jsoneditor-text {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
outline-width: 0;
|
||||
border: none;
|
||||
background-color: $jse-white;
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
tr.jsoneditor-highlight,
|
||||
tr.jsoneditor-selected {
|
||||
background-color: $jse-empty;
|
||||
}
|
||||
tr.jsoneditor-selected button.jsoneditor-dragarea,
|
||||
tr.jsoneditor-selected button.jsoneditor-contextmenu {
|
||||
visibility: hidden;
|
||||
}
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea,
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-contextmenu {
|
||||
visibility: visible;
|
||||
}
|
||||
div.jsoneditor-tree button.jsoneditor-dragarea:hover,
|
||||
div.jsoneditor-tree button.jsoneditor-dragarea:focus,
|
||||
tr.jsoneditor-selected.jsoneditor-first button.jsoneditor-dragarea {
|
||||
background-position: -72px -48px;
|
||||
}
|
||||
div.jsoneditor tr,
|
||||
div.jsoneditor th,
|
||||
div.jsoneditor td {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
}
|
||||
div.jsoneditor-field,
|
||||
div.jsoneditor-value,
|
||||
div.jsoneditor td,
|
||||
div.jsoneditor th,
|
||||
div.jsoneditor textarea,
|
||||
div.jsoneditor pre.jsoneditor-preview,
|
||||
div.jsoneditor .jsoneditor-schema-error {
|
||||
font-family: $jse-font-mono;
|
||||
font-size: $jse-font-size;
|
||||
color: $jse-content-color;
|
||||
}
|
||||
.jsoneditor-schema-error {
|
||||
cursor: default;
|
||||
display: inline-block;
|
||||
height: 24px;
|
||||
line-height: 24px;
|
||||
position: relative;
|
||||
text-align: center;
|
||||
width: 24px;
|
||||
.jsoneditor-popover {
|
||||
background-color: $jse-popover-bg;
|
||||
border-radius: 3px;
|
||||
box-shadow: $jse-box-shadow-sm;
|
||||
color: $jse-white;
|
||||
display: none;
|
||||
padding: 7px 10px;
|
||||
position: absolute;
|
||||
width: 200px;
|
||||
z-index: 4;
|
||||
&.jsoneditor-above {
|
||||
bottom: 32px;
|
||||
left: -98px;
|
||||
&:before {
|
||||
border-top: 7px solid $jse-popover-bg;
|
||||
bottom: -7px;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-below {
|
||||
top: 32px;
|
||||
left: -98px;
|
||||
&:before {
|
||||
border-bottom: 7px solid $jse-popover-bg;
|
||||
top: -7px;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-left {
|
||||
top: -7px;
|
||||
right: 32px;
|
||||
&:before {
|
||||
border-left: 7px solid $jse-popover-bg;
|
||||
border-top: 7px solid transparent;
|
||||
border-bottom: 7px solid transparent;
|
||||
content: "";
|
||||
top: 19px;
|
||||
right: -14px;
|
||||
left: inherit;
|
||||
margin-left: inherit;
|
||||
margin-top: -7px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-right {
|
||||
top: -7px;
|
||||
left: 32px;
|
||||
&:before {
|
||||
border-right: 7px solid $jse-popover-bg;
|
||||
border-top: 7px solid transparent;
|
||||
border-bottom: 7px solid transparent;
|
||||
content: "";
|
||||
top: 19px;
|
||||
left: -14px;
|
||||
margin-left: inherit;
|
||||
margin-top: -7px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
&:before {
|
||||
border-right: 7px solid transparent;
|
||||
border-left: 7px solid transparent;
|
||||
content: "";
|
||||
display: block;
|
||||
left: 50%;
|
||||
margin-left: -7px;
|
||||
position: absolute;
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-text-errors {
|
||||
tr {
|
||||
&.jump-to-line {
|
||||
&:hover {
|
||||
text-decoration: underline;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-schema-error:hover .jsoneditor-popover,
|
||||
.jsoneditor-schema-error:focus .jsoneditor-popover {
|
||||
display: block;
|
||||
animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
|
||||
}
|
||||
|
||||
@keyframes fade-in {
|
||||
from {
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/* JSON schema errors displayed at the bottom of the editor in mode text and code */
|
||||
|
||||
.jsoneditor {
|
||||
.jsoneditor-validation-errors-container {
|
||||
max-height: 130px;
|
||||
overflow-y: auto;
|
||||
}
|
||||
.jsoneditor-validation-errors {
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
.jsoneditor-additional-errors {
|
||||
position: absolute;
|
||||
margin: auto;
|
||||
bottom: 31px;
|
||||
left: calc(50% - 92px);
|
||||
color: $jse-readonly;
|
||||
background-color: $jse-light-bg;
|
||||
padding: 7px 15px;
|
||||
border-radius: 8px;
|
||||
&.visible {
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
transition: opacity 2s linear;
|
||||
}
|
||||
&.hidden {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: visibility 0s 2s, opacity 2s linear;
|
||||
}
|
||||
}
|
||||
.jsoneditor-text-errors {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
border-top: 1px solid $jse-highlight-border-color;
|
||||
td {
|
||||
padding: 3px 6px;
|
||||
vertical-align: middle;
|
||||
pre {
|
||||
margin: 0;
|
||||
white-space: normal;
|
||||
}
|
||||
}
|
||||
tr {
|
||||
background-color: $jse-busy;
|
||||
&.parse-error {
|
||||
background-color: $jse-error;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-text-errors {
|
||||
.jsoneditor-schema-error {
|
||||
border: none;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0 4px 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
tr {
|
||||
.jsoneditor-schema-error {
|
||||
background: url("./img/jsoneditor-icons.svg") -168px -48px;
|
||||
}
|
||||
&.parse-error {
|
||||
.jsoneditor-schema-error {
|
||||
background: url("./img/jsoneditor-icons.svg") -25px 0px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.fadein {
|
||||
-webkit-animation: fadein 0.3s;
|
||||
animation: fadein 0.3s;
|
||||
-moz-animation: fadein 0.3s;
|
||||
-o-animation: fadein 0.3s;
|
||||
}
|
||||
|
||||
@keyframes fadein {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,128 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor-menu {
|
||||
width: 100%;
|
||||
height: 35px;
|
||||
padding: 2px;
|
||||
margin: 0;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
|
||||
color: $jse-white;
|
||||
background-color: $jse-blue;
|
||||
border-bottom: 1px solid $jse-blue;
|
||||
}
|
||||
|
||||
.jsoneditor-menu > button,
|
||||
.jsoneditor-menu > .jsoneditor-modes > button {
|
||||
width: 26px;
|
||||
height: 26px;
|
||||
margin: 2px;
|
||||
padding: 0;
|
||||
border-radius: 2px;
|
||||
border: 1px solid transparent;
|
||||
background: transparent url('./img/jsoneditor-icons.svg');
|
||||
color: $jse-white;
|
||||
opacity: 0.8;
|
||||
|
||||
font-family: $jse-font;
|
||||
font-size: $jse-font-size;
|
||||
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jsoneditor-menu > button:hover,
|
||||
.jsoneditor-menu > .jsoneditor-modes > button:hover {
|
||||
background-color: rgba(255,255,255,0.2);
|
||||
border: 1px solid rgba(255,255,255,0.4);
|
||||
}
|
||||
.jsoneditor-menu > button:focus,
|
||||
.jsoneditor-menu > button:active,
|
||||
.jsoneditor-menu > .jsoneditor-modes > button:focus,
|
||||
.jsoneditor-menu > .jsoneditor-modes > button:active {
|
||||
background-color: rgba(255,255,255,0.3);
|
||||
}
|
||||
.jsoneditor-menu > button:disabled,
|
||||
.jsoneditor-menu > .jsoneditor-modes > button:disabled {
|
||||
opacity: 0.5;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.jsoneditor-menu > button.jsoneditor-collapse-all {
|
||||
background-position: 0 -96px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-expand-all {
|
||||
background-position: 0 -120px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-sort {
|
||||
background-position: -120px -96px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-transform {
|
||||
background-position: -144px -96px;
|
||||
}
|
||||
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-sort,
|
||||
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-sort,
|
||||
.jsoneditor.jsoneditor-mode-view > .jsoneditor-menu > button.jsoneditor-transform,
|
||||
.jsoneditor.jsoneditor-mode-form > .jsoneditor-menu > button.jsoneditor-transform {
|
||||
display: none;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-undo {
|
||||
background-position: -24px -96px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-undo:disabled {
|
||||
background-position: -24px -120px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-redo {
|
||||
background-position: -48px -96px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-redo:disabled {
|
||||
background-position: -48px -120px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-compact {
|
||||
background-position: -72px -96px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-format {
|
||||
background-position: -72px -120px;
|
||||
}
|
||||
.jsoneditor-menu > button.jsoneditor-repair {
|
||||
background-position: -96px -96px;
|
||||
}
|
||||
|
||||
.jsoneditor-menu > .jsoneditor-modes {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.jsoneditor-menu > .jsoneditor-modes > button {
|
||||
background-image: none;
|
||||
width: auto;
|
||||
padding-left: 6px;
|
||||
padding-right: 6px;
|
||||
}
|
||||
|
||||
.jsoneditor-menu > button.jsoneditor-separator,
|
||||
.jsoneditor-menu > .jsoneditor-modes > button.jsoneditor-separator {
|
||||
margin-left: 10px;
|
||||
}
|
||||
|
||||
.jsoneditor-menu a {
|
||||
font-family: $jse-font;
|
||||
font-size: $jse-font-size;
|
||||
color: $jse-white;
|
||||
opacity: 0.8;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
.jsoneditor-menu a:hover {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.jsoneditor-menu a.jsoneditor-poweredBy {
|
||||
font-size: 8pt;
|
||||
position: absolute;
|
||||
right: 0;
|
||||
top: 0;
|
||||
padding: 10px;
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor-navigation-bar {
|
||||
width: 100%;
|
||||
height: 26px;
|
||||
line-height: 26px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border-bottom: 1px solid $jse-bar-border;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
color: $jse-readonly;
|
||||
background-color: $jse-light-bg;
|
||||
overflow: hidden;
|
||||
|
||||
font-family: $jse-font;
|
||||
font-size: $jse-font-size;
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor {
|
||||
.jsoneditor-search {
|
||||
input {
|
||||
height: auto;
|
||||
border: inherit;
|
||||
border: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
}
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
width: auto;
|
||||
}
|
||||
}
|
||||
.jsoneditor td,
|
||||
.jsoneditor th {
|
||||
padding: 0;
|
||||
display: table-cell;
|
||||
text-align: left;
|
||||
vertical-align: inherit;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
|
@ -0,0 +1,63 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor-search {
|
||||
position: absolute;
|
||||
right: 4px;
|
||||
top: 4px;
|
||||
border-collapse: collapse;
|
||||
border-spacing: 0;
|
||||
|
||||
.jsoneditor-results {
|
||||
color: $jse-white;
|
||||
padding-right: 5px;
|
||||
line-height: 26px;
|
||||
}
|
||||
.jsoneditor-frame {
|
||||
border: 1px solid transparent;
|
||||
background-color: $jse-white;
|
||||
padding: 0 2px;
|
||||
margin: 0;
|
||||
}
|
||||
input {
|
||||
width: 120px;
|
||||
border: none;
|
||||
outline: none;
|
||||
margin: 1px;
|
||||
line-height: 20px;
|
||||
}
|
||||
button {
|
||||
width: 16px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: none;
|
||||
background: url("./img/jsoneditor-icons.svg");
|
||||
vertical-align: top;
|
||||
&:hover {
|
||||
background-color: transparent;
|
||||
}
|
||||
&.jsoneditor-refresh {
|
||||
width: 18px;
|
||||
background-position: -99px -73px;
|
||||
}
|
||||
&.jsoneditor-next {
|
||||
cursor: pointer;
|
||||
background-position: -124px -73px;
|
||||
&:hover {
|
||||
background-position: -124px -49px;
|
||||
}
|
||||
}
|
||||
&.jsoneditor-previous {
|
||||
cursor: pointer;
|
||||
background-position: -148px -73px;
|
||||
margin-right: 2px;
|
||||
&:hover {
|
||||
background-position: -148px -49px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.jsoneditor-search input,
|
||||
.jsoneditor-search .jsoneditor-results {
|
||||
font-family: $jse-font;
|
||||
}
|
||||
|
|
@ -0,0 +1,51 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor-statusbar {
|
||||
line-height: 26px;
|
||||
height: 26px;
|
||||
color: $jse-readonly;
|
||||
background-color: $jse-bar-bg;
|
||||
border-top: 1px solid $jse-bar-border;
|
||||
-moz-box-sizing: border-box;
|
||||
-webkit-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
font-size: $jse-font-size;
|
||||
.jsoneditor-curserinfo-val {
|
||||
margin-right: 12px;
|
||||
}
|
||||
.jsoneditor-curserinfo-count {
|
||||
margin-left: 4px;
|
||||
}
|
||||
.jsoneditor-validation-error-icon {
|
||||
float: right;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin-top: 1px;
|
||||
background: url("img/jsoneditor-icons.svg") -168px -48px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.jsoneditor-validation-error-count {
|
||||
float: right;
|
||||
margin: 0 4px 0 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
.jsoneditor-parse-error-icon {
|
||||
float: right;
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
padding: 0;
|
||||
margin: 1px;
|
||||
background: url("img/jsoneditor-icons.svg") -25px 0px;
|
||||
}
|
||||
.jsoneditor-array-info {
|
||||
a {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
.jsoneditor-curserinfo-label,
|
||||
.jsoneditor-size-info {
|
||||
margin: 0 4px;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -0,0 +1,39 @@
|
|||
$jse-white: #ffffff;
|
||||
$jse-grey:#999999;
|
||||
$jse-light-bg: #ebebeb;
|
||||
$jse-blue: #3883fa;
|
||||
$jse-content-color: #1a1a1a;
|
||||
|
||||
$jse-string: #006000;
|
||||
$jse-number: #ee422e;
|
||||
$jse-boolean: #ff8c00;
|
||||
$jse-null: #004ed0;
|
||||
$jse-invalid: #000000;
|
||||
$jse-readonly: #808080;
|
||||
$jse-empty: #d3d3d3;
|
||||
$jse-preview: #f5f5f5;
|
||||
$jse-busy: #ffffab;
|
||||
$jse-busy-border-color: #ffee00;
|
||||
|
||||
$jse-error: #ee2e2e70;
|
||||
$jse-separator: #e5e5e5;
|
||||
$jse-highlight-bg: #ffee00;
|
||||
$jse-highlight-border-color: #ffc700;
|
||||
|
||||
$jse-popover-bg: #4c4c4c;
|
||||
$jse-bar-bg: $jse-light-bg;
|
||||
$jse-bar-border: $jse-empty;
|
||||
|
||||
$jse-menu-color: $jse-empty;
|
||||
|
||||
$jse-contextmenu-color: #4d4d4d;
|
||||
|
||||
$jse-box-shadow: 2px 2px 12px rgba(128, 128, 128, 0.3);
|
||||
$jse-box-shadow-sm: 0 0 5px rgba(0, 0, 0, 0.4);
|
||||
$jse-box-shadow-inner: inset 0 0 10px rgba(128, 128, 128, 0.5);
|
||||
|
||||
$jse-date: #a1a1a1;
|
||||
|
||||
$jse-font: arial, sans-serif;
|
||||
$jse-font-mono: "dejavu sans mono", "droid sans mono", consolas, monaco, "lucida console", "courier new", courier, monospace, sans-serif;
|
||||
$jse-font-size: 10pt;
|
||||
|
|
@ -0,0 +1,50 @@
|
|||
@import "styles";
|
||||
|
||||
.jsoneditor-treepath {
|
||||
padding: 0 5px;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
outline: none;
|
||||
&.show-all {
|
||||
word-wrap: break-word;
|
||||
white-space: normal;
|
||||
position: absolute;
|
||||
background-color: $jse-light-bg;
|
||||
z-index: 999;
|
||||
box-shadow: $jse-box-shadow;
|
||||
span {
|
||||
&.jsoneditor-treepath-show-all-btn {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
div {
|
||||
&.jsoneditor-contextmenu-root {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
}
|
||||
}
|
||||
.jsoneditor-treepath-show-all-btn {
|
||||
position: absolute;
|
||||
background-color: $jse-light-bg;
|
||||
left: 0;
|
||||
height: 20px;
|
||||
padding: 0 3px;
|
||||
cursor: pointer;
|
||||
}
|
||||
.jsoneditor-treepath-element {
|
||||
margin: 1px;
|
||||
font-family: $jse-font;
|
||||
font-size: $jse-font-size;
|
||||
}
|
||||
.jsoneditor-treepath-seperator {
|
||||
margin: 2px;
|
||||
font-size: 9pt;
|
||||
font-family: $jse-font;
|
||||
}
|
||||
}
|
||||
.jsoneditor-treepath span.jsoneditor-treepath-element:hover,
|
||||
.jsoneditor-treepath span.jsoneditor-treepath-seperator:hover {
|
||||
cursor: pointer;
|
||||
text-decoration: underline;
|
||||
}
|
||||
Loading…
Reference in New Issue