mirror of
https://github.com/ptarmiganlabs/butler-sos.git
synced 2025-12-19 09:47:53 -05:00
Add comprehensive documentation for system information security configuration
Co-authored-by: mountaindude <1029262+mountaindude@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
140
docs/system-information-security.md
Normal file
140
docs/system-information-security.md
Normal file
@@ -0,0 +1,140 @@
|
||||
# System Information and OS Command Execution
|
||||
|
||||
## Overview
|
||||
|
||||
Butler SOS collects system information for monitoring and diagnostic purposes. This information helps with troubleshooting, resource monitoring, and identifying system characteristics. However, on Windows systems, this may trigger security alerts in enterprise environments due to OS command execution.
|
||||
|
||||
## Root Cause
|
||||
|
||||
Butler SOS uses the [systeminformation](https://www.npmjs.com/package/systeminformation) npm package to gather detailed system information. On Windows, this package internally executes several OS commands to collect system details:
|
||||
|
||||
- `cmd.exe /d /s /c \chcp` - Gets code page information
|
||||
- `netstat -r` - Gets routing table information
|
||||
- `cmd.exe /d /s /c \echo %COMPUTERNAME%.%USERDNSDOMAIN%` - Gets computer name and domain
|
||||
|
||||
These commands are **not executed directly by Butler SOS** but by the systeminformation package dependency. The commands are legitimate system information gathering commands, but they may trigger alerts in security monitoring tools.
|
||||
|
||||
## Code Location
|
||||
|
||||
The system information gathering occurs in the `initHostInfo()` function in `src/globals.js` (lines 1027-1085), which is called during Butler SOS startup from `src/butler-sos.js`.
|
||||
|
||||
## Security Configuration
|
||||
|
||||
Starting with version 11.1.0, Butler SOS provides a configuration option to disable detailed system information gathering for security-sensitive environments.
|
||||
|
||||
### Configuration Option
|
||||
|
||||
Add this section to your Butler SOS configuration file:
|
||||
|
||||
```yaml
|
||||
Butler-SOS:
|
||||
# System information gathering
|
||||
# Butler SOS collects system information for monitoring and diagnostic purposes.
|
||||
# On Windows, this may trigger security alerts as it executes OS commands like:
|
||||
# - cmd.exe /d /s /c \chcp (to get code page info)
|
||||
# - netstat -r (to get routing table)
|
||||
# - cmd.exe /d /s /c \echo %COMPUTERNAME%.%USERDNSDOMAIN% (to get computer/domain names)
|
||||
# These commands are executed by the 'systeminformation' npm package, not directly by Butler SOS.
|
||||
systemInfo:
|
||||
enable: true # Set to false in security-sensitive environments
|
||||
```
|
||||
|
||||
### When to Disable System Information
|
||||
|
||||
Consider setting `systemInfo.enable: false` if:
|
||||
|
||||
- Your security monitoring tools flag the OS command execution as suspicious
|
||||
- Your organization has strict policies against any automated OS command execution
|
||||
- You don't need detailed system information in logs and monitoring outputs
|
||||
- Butler SOS runs in a highly secured environment
|
||||
|
||||
### Impact of Disabling System Information
|
||||
|
||||
When `systemInfo.enable` is set to `false`:
|
||||
|
||||
**✅ Benefits:**
|
||||
- No OS commands are executed by the systeminformation package
|
||||
- Eliminates security alerts from monitoring tools
|
||||
- Butler SOS continues to function normally
|
||||
- Basic system information is still collected using Node.js built-in APIs
|
||||
|
||||
**⚠️ Limitations:**
|
||||
- Reduced detail in system information logs
|
||||
- Some monitoring dashboards may show less detailed host information
|
||||
- Telemetry data will contain minimal system details
|
||||
|
||||
**What's Still Collected:**
|
||||
- Node.js version and platform information
|
||||
- Basic OS platform, architecture, and version
|
||||
- Memory and CPU count from Node.js APIs
|
||||
- Application version and instance ID
|
||||
|
||||
**What's Not Collected:**
|
||||
- Detailed CPU model and specifications
|
||||
- Detailed OS distribution information
|
||||
- Network interface details
|
||||
- Docker information
|
||||
- Detailed memory specifications
|
||||
|
||||
## Example Configuration Files
|
||||
|
||||
### High Security Environment
|
||||
```yaml
|
||||
Butler-SOS:
|
||||
systemInfo:
|
||||
enable: false # Disable to prevent OS command execution
|
||||
# ... rest of configuration
|
||||
```
|
||||
|
||||
### Standard Environment
|
||||
```yaml
|
||||
Butler-SOS:
|
||||
systemInfo:
|
||||
enable: true # Default - enables full system information gathering
|
||||
# ... rest of configuration
|
||||
```
|
||||
|
||||
## Testing the Configuration
|
||||
|
||||
To test that the configuration is working correctly:
|
||||
|
||||
1. Set `systemInfo.enable: false` in your config
|
||||
2. Start Butler SOS
|
||||
3. Check the logs for: `"SYSTEM INFO: Detailed system information gathering is disabled. Using minimal system info."`
|
||||
4. Verify that your security monitoring tools no longer flag the OS command execution
|
||||
|
||||
## Troubleshooting
|
||||
|
||||
### Configuration Validation Errors
|
||||
|
||||
If you see configuration validation errors related to `systemInfo`:
|
||||
|
||||
1. Ensure the `systemInfo` section is properly nested under `Butler-SOS`
|
||||
2. Verify that `enable` is set to a boolean value (`true` or `false`), not a string
|
||||
3. Check YAML indentation is correct
|
||||
|
||||
### Missing System Information
|
||||
|
||||
If you need some system information but want to minimize OS command execution:
|
||||
|
||||
1. Consider using `systemInfo.enable: true` but monitor which specific commands trigger alerts
|
||||
2. Work with your security team to whitelist the specific systeminformation package commands
|
||||
3. Use Butler SOS logging to capture the minimal system information that's still collected
|
||||
|
||||
## Security Best Practices
|
||||
|
||||
1. **Principle of Least Privilege**: Only enable detailed system information gathering if you need it for your monitoring use case
|
||||
2. **Security Monitoring**: Work with your security team to understand which specific commands trigger alerts
|
||||
3. **Documentation**: Document your `systemInfo.enable` setting choice in your deployment documentation
|
||||
4. **Testing**: Test configuration changes in a development environment first
|
||||
5. **Monitoring**: Monitor Butler SOS logs to ensure it's working correctly with your chosen configuration
|
||||
|
||||
## Related Issues
|
||||
|
||||
- [Issue #1037](https://github.com/ptarmiganlabs/butler-sos/issues/1037) - Original investigation of OS command execution
|
||||
- [systeminformation package documentation](https://github.com/sebhildebrandt/systeminformation) - For understanding what information is collected
|
||||
|
||||
## Version History
|
||||
|
||||
- **11.1.0**: Added `systemInfo.enable` configuration option
|
||||
- **11.0.3**: Initial report of OS command execution alerts
|
||||
@@ -1021,12 +1021,12 @@ class Settings {
|
||||
/**
|
||||
* Gathers and returns information about the host system where Butler SOS is running.
|
||||
* Includes OS details, network info, hardware details, and a unique ID.
|
||||
*
|
||||
*
|
||||
* Note: On Windows, this function may execute OS commands via the 'systeminformation' npm package:
|
||||
* - cmd.exe /d /s /c \chcp (to get code page info)
|
||||
* - netstat -r (to get routing table info)
|
||||
* - cmd.exe /d /s /c \echo %COMPUTERNAME%.%USERDNSDOMAIN% (to get computer/domain names)
|
||||
*
|
||||
*
|
||||
* These commands are not executed directly by Butler SOS, but by the systeminformation package
|
||||
* to gather system details. If this triggers security alerts, you can disable detailed system
|
||||
* information gathering by setting Butler-SOS.systemInfo.enable to false in the config file.
|
||||
@@ -1037,7 +1037,7 @@ class Settings {
|
||||
try {
|
||||
// Check if detailed system info gathering is enabled
|
||||
const enableSystemInfo = this.config.get('Butler-SOS.systemInfo.enable');
|
||||
|
||||
|
||||
let siCPU = {};
|
||||
let siSystem = {};
|
||||
let siMem = {};
|
||||
@@ -1045,7 +1045,7 @@ class Settings {
|
||||
let siDocker = {};
|
||||
let siNetwork = [];
|
||||
let siNetworkDefault = '';
|
||||
|
||||
|
||||
// Only gather detailed system info if enabled in config
|
||||
if (enableSystemInfo) {
|
||||
siCPU = await si.cpu();
|
||||
@@ -1057,27 +1057,31 @@ class Settings {
|
||||
siNetworkDefault = await si.networkInterfaceDefault();
|
||||
} else {
|
||||
// If detailed system info is disabled, use minimal fallback values
|
||||
this.logger.info('SYSTEM INFO: Detailed system information gathering is disabled. Using minimal system info.');
|
||||
this.logger.info(
|
||||
'SYSTEM INFO: Detailed system information gathering is disabled. Using minimal system info.'
|
||||
);
|
||||
siSystem = { uuid: 'disabled' };
|
||||
siMem = { total: 0 };
|
||||
siOS = {
|
||||
siOS = {
|
||||
platform: os.platform(),
|
||||
arch: os.arch(),
|
||||
release: 'unknown',
|
||||
distro: 'unknown',
|
||||
codename: 'unknown'
|
||||
codename: 'unknown',
|
||||
};
|
||||
siCPU = {
|
||||
processors: 1,
|
||||
physicalCores: 1,
|
||||
cores: 1,
|
||||
hypervizor: 'unknown'
|
||||
hypervizor: 'unknown',
|
||||
};
|
||||
siNetwork = [{
|
||||
iface: 'default',
|
||||
mac: '00:00:00:00:00:00',
|
||||
ip4: '127.0.0.1'
|
||||
}];
|
||||
siNetwork = [
|
||||
{
|
||||
iface: 'default',
|
||||
mac: '00:00:00:00:00:00',
|
||||
ip4: '127.0.0.1',
|
||||
},
|
||||
];
|
||||
siNetworkDefault = 'default';
|
||||
}
|
||||
|
||||
@@ -1088,10 +1092,13 @@ class Settings {
|
||||
);
|
||||
|
||||
// Ensure we have at least one network interface for ID generation
|
||||
const netIface = networkInterface.length > 0 ? networkInterface[0] : siNetwork[0] || {
|
||||
mac: '00:00:00:00:00:00',
|
||||
ip4: '127.0.0.1'
|
||||
};
|
||||
const netIface =
|
||||
networkInterface.length > 0
|
||||
? networkInterface[0]
|
||||
: siNetwork[0] || {
|
||||
mac: '00:00:00:00:00:00',
|
||||
ip4: '127.0.0.1',
|
||||
};
|
||||
|
||||
const idSrc = netIface.mac + netIface.ip4 + siSystem.uuid;
|
||||
const salt = netIface.mac;
|
||||
|
||||
@@ -6,7 +6,7 @@ import addKeywords from 'ajv-keywords';
|
||||
|
||||
describe('System Information Configuration Schema', () => {
|
||||
let ajv;
|
||||
|
||||
|
||||
beforeAll(() => {
|
||||
ajv = new Ajv({ strict: false });
|
||||
addFormats(ajv);
|
||||
@@ -18,24 +18,24 @@ describe('System Information Configuration Schema', () => {
|
||||
const systemInfoSchema = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo,
|
||||
},
|
||||
required: ['systemInfo']
|
||||
required: ['systemInfo'],
|
||||
};
|
||||
|
||||
const config = {
|
||||
systemInfo: {
|
||||
enable: false
|
||||
}
|
||||
enable: false,
|
||||
},
|
||||
};
|
||||
|
||||
const validate = ajv.compile(systemInfoSchema);
|
||||
const isValid = validate(config);
|
||||
|
||||
|
||||
if (!isValid) {
|
||||
console.log('Validation errors:', validate.errors);
|
||||
}
|
||||
|
||||
|
||||
expect(isValid).toBe(true);
|
||||
});
|
||||
|
||||
@@ -44,20 +44,20 @@ describe('System Information Configuration Schema', () => {
|
||||
const systemInfoSchema = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo,
|
||||
},
|
||||
required: ['systemInfo']
|
||||
required: ['systemInfo'],
|
||||
};
|
||||
|
||||
const config = {
|
||||
systemInfo: {
|
||||
enable: true
|
||||
}
|
||||
enable: true,
|
||||
},
|
||||
};
|
||||
|
||||
const validate = ajv.compile(systemInfoSchema);
|
||||
const isValid = validate(config);
|
||||
|
||||
|
||||
expect(isValid).toBe(true);
|
||||
});
|
||||
|
||||
@@ -66,25 +66,25 @@ describe('System Information Configuration Schema', () => {
|
||||
const systemInfoSchema = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo,
|
||||
},
|
||||
required: ['systemInfo']
|
||||
required: ['systemInfo'],
|
||||
};
|
||||
|
||||
const config = {
|
||||
systemInfo: {
|
||||
enable: 'not-a-boolean'
|
||||
}
|
||||
enable: 'not-a-boolean',
|
||||
},
|
||||
};
|
||||
|
||||
const validate = ajv.compile(systemInfoSchema);
|
||||
const isValid = validate(config);
|
||||
|
||||
|
||||
expect(isValid).toBe(false);
|
||||
expect(validate.errors).toContainEqual(
|
||||
expect.objectContaining({
|
||||
instancePath: "/systemInfo/enable",
|
||||
keyword: "type"
|
||||
instancePath: '/systemInfo/enable',
|
||||
keyword: 'type',
|
||||
})
|
||||
);
|
||||
});
|
||||
@@ -94,24 +94,24 @@ describe('System Information Configuration Schema', () => {
|
||||
const systemInfoSchema = {
|
||||
type: 'object',
|
||||
properties: {
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo
|
||||
systemInfo: confifgFileSchema.properties['Butler-SOS'].properties.systemInfo,
|
||||
},
|
||||
required: ['systemInfo']
|
||||
required: ['systemInfo'],
|
||||
};
|
||||
|
||||
const config = {
|
||||
systemInfo: {}
|
||||
systemInfo: {},
|
||||
};
|
||||
|
||||
const validate = ajv.compile(systemInfoSchema);
|
||||
const isValid = validate(config);
|
||||
|
||||
|
||||
expect(isValid).toBe(false);
|
||||
expect(validate.errors).toContainEqual(
|
||||
expect.objectContaining({
|
||||
instancePath: "/systemInfo",
|
||||
keyword: "required"
|
||||
instancePath: '/systemInfo',
|
||||
keyword: 'required',
|
||||
})
|
||||
);
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
@@ -5,67 +5,58 @@
|
||||
* Released under the MIT License
|
||||
*/
|
||||
:root {
|
||||
--json-tree-js-default-font: system-ui,
|
||||
-apple-system,
|
||||
"Segoe UI",
|
||||
Roboto,
|
||||
"Helvetica Neue",
|
||||
"Noto Sans",
|
||||
"Liberation Sans",
|
||||
Arial,
|
||||
sans-serif,
|
||||
"Apple Color Emoji",
|
||||
"Segoe UI Emoji",
|
||||
"Segoe UI Symbol",
|
||||
"Noto Color Emoji";
|
||||
--json-tree-js-text-bold-weight: 400;
|
||||
--json-tree-js-header-bold-weight: 900;
|
||||
--json-tree-js-title-bold-weight: var(--json-tree-js-header-bold-weight);
|
||||
--json-tree-js-text-bold-weight-active: var(--json-tree-js-header-bold-weight);
|
||||
--json-tree-js-color-dark-black: #1c2128;
|
||||
--json-tree-js-color-black: #3b3a3a;
|
||||
--json-tree-js-color-white: #F5F5F5;
|
||||
--json-tree-js-color-snow-white: #F5F5F5;
|
||||
--json-tree-js-color-light-gray: #BBBBBB;
|
||||
--json-tree-js-color-array: #F28C28;
|
||||
--json-tree-js-color-object: #C0C0C0;
|
||||
--json-tree-js-color-map: #BDB5D5;
|
||||
--json-tree-js-color-set: #FFD700;
|
||||
--json-tree-js-color-boolean: #FF0000;
|
||||
--json-tree-js-color-decimal: #e3c868;
|
||||
--json-tree-js-color-number: #666bf9;
|
||||
--json-tree-js-color-bigint: #6495ED;
|
||||
--json-tree-js-color-string: #78b13f;
|
||||
--json-tree-js-color-date: #a656f5;
|
||||
--json-tree-js-color-null: var(--json-tree-js-color-light-gray);
|
||||
--json-tree-js-color-undefined: var(--json-tree-js-color-null);
|
||||
--json-tree-js-color-symbol: #DAA06D;
|
||||
--json-tree-js-color-function: var(--json-tree-js-color-null);
|
||||
--json-tree-js-color-unknown: var(--json-tree-js-color-null);
|
||||
--json-tree-js-color-guid: #c45600;
|
||||
--json-tree-js-color-regexp: #AA336A;
|
||||
--json-tree-js-editable-text-color: var(--json-tree-js-color-snow-white);
|
||||
--json-tree-js-editable-background-color: #2d333b;
|
||||
--json-tree-js-editable-border-color: #454c56;
|
||||
--json-tree-js-tooltip-background-color: var(--json-tree-js-container-background-color);
|
||||
--json-tree-js-tooltip-border-color: var(--json-tree-js-container-border-color);
|
||||
--json-tree-js-tooltip-text-color: var(--json-tree-js-color-white);
|
||||
--json-tree-js-container-background-color: #22272e;
|
||||
--json-tree-js-container-border-color: #454c56;
|
||||
--json-tree-js-button-background-color: #2d333b;
|
||||
--json-tree-js-button-border-color: var(--json-tree-js-container-border-color);
|
||||
--json-tree-js-button-text-color: var(--json-tree-js-color-white);
|
||||
--json-tree-js-button-background-color-hover: var(--json-tree-js-container-border-color);
|
||||
--json-tree-js-button-text-color-hover: var(--json-tree-js-color-snow-white);
|
||||
--json-tree-js-button-background-color-active: #616b79;
|
||||
--json-tree-js-button-text-color-active: var(--json-tree-js-color-snow-white);
|
||||
--json-tree-js-border-radius-editable: 0.25rem;
|
||||
--json-tree-js-border-radius: 0.5rem;
|
||||
--json-tree-js-border-size: 0.5px;
|
||||
--json-tree-js-spacing: 10px;
|
||||
--json-tree-js-spacing-font-size: 0.85rem;
|
||||
--json-tree-js-transition: all .3s;
|
||||
--json-tree-js-animation-length: 0.5s;
|
||||
--json-tree-js-default-font:
|
||||
system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', 'Noto Sans',
|
||||
'Liberation Sans', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
|
||||
'Segoe UI Symbol', 'Noto Color Emoji';
|
||||
--json-tree-js-text-bold-weight: 400;
|
||||
--json-tree-js-header-bold-weight: 900;
|
||||
--json-tree-js-title-bold-weight: var(--json-tree-js-header-bold-weight);
|
||||
--json-tree-js-text-bold-weight-active: var(--json-tree-js-header-bold-weight);
|
||||
--json-tree-js-color-dark-black: #1c2128;
|
||||
--json-tree-js-color-black: #3b3a3a;
|
||||
--json-tree-js-color-white: #f5f5f5;
|
||||
--json-tree-js-color-snow-white: #f5f5f5;
|
||||
--json-tree-js-color-light-gray: #bbbbbb;
|
||||
--json-tree-js-color-array: #f28c28;
|
||||
--json-tree-js-color-object: #c0c0c0;
|
||||
--json-tree-js-color-map: #bdb5d5;
|
||||
--json-tree-js-color-set: #ffd700;
|
||||
--json-tree-js-color-boolean: #ff0000;
|
||||
--json-tree-js-color-decimal: #e3c868;
|
||||
--json-tree-js-color-number: #666bf9;
|
||||
--json-tree-js-color-bigint: #6495ed;
|
||||
--json-tree-js-color-string: #78b13f;
|
||||
--json-tree-js-color-date: #a656f5;
|
||||
--json-tree-js-color-null: var(--json-tree-js-color-light-gray);
|
||||
--json-tree-js-color-undefined: var(--json-tree-js-color-null);
|
||||
--json-tree-js-color-symbol: #daa06d;
|
||||
--json-tree-js-color-function: var(--json-tree-js-color-null);
|
||||
--json-tree-js-color-unknown: var(--json-tree-js-color-null);
|
||||
--json-tree-js-color-guid: #c45600;
|
||||
--json-tree-js-color-regexp: #aa336a;
|
||||
--json-tree-js-editable-text-color: var(--json-tree-js-color-snow-white);
|
||||
--json-tree-js-editable-background-color: #2d333b;
|
||||
--json-tree-js-editable-border-color: #454c56;
|
||||
--json-tree-js-tooltip-background-color: var(--json-tree-js-container-background-color);
|
||||
--json-tree-js-tooltip-border-color: var(--json-tree-js-container-border-color);
|
||||
--json-tree-js-tooltip-text-color: var(--json-tree-js-color-white);
|
||||
--json-tree-js-container-background-color: #22272e;
|
||||
--json-tree-js-container-border-color: #454c56;
|
||||
--json-tree-js-button-background-color: #2d333b;
|
||||
--json-tree-js-button-border-color: var(--json-tree-js-container-border-color);
|
||||
--json-tree-js-button-text-color: var(--json-tree-js-color-white);
|
||||
--json-tree-js-button-background-color-hover: var(--json-tree-js-container-border-color);
|
||||
--json-tree-js-button-text-color-hover: var(--json-tree-js-color-snow-white);
|
||||
--json-tree-js-button-background-color-active: #616b79;
|
||||
--json-tree-js-button-text-color-active: var(--json-tree-js-color-snow-white);
|
||||
--json-tree-js-border-radius-editable: 0.25rem;
|
||||
--json-tree-js-border-radius: 0.5rem;
|
||||
--json-tree-js-border-size: 0.5px;
|
||||
--json-tree-js-spacing: 10px;
|
||||
--json-tree-js-spacing-font-size: 0.85rem;
|
||||
--json-tree-js-transition: all 0.3s;
|
||||
--json-tree-js-animation-length: 0.5s;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -74,70 +65,71 @@
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
div.json-tree-js {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
font-family: var(--json-tree-js-default-font) !important;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
background-color: var(--json-tree-js-container-background-color);
|
||||
color: var(--json-tree-js-color-white);
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-container-border-color);
|
||||
font-size: var(--json-tree-js-spacing-font-size);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0 !important;
|
||||
max-width: 500px;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
font-family: var(--json-tree-js-default-font) !important;
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
background-color: var(--json-tree-js-container-background-color);
|
||||
color: var(--json-tree-js-color-white);
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-container-border-color);
|
||||
font-size: var(--json-tree-js-spacing-font-size);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
margin: 0 !important;
|
||||
max-width: 500px;
|
||||
}
|
||||
div.json-tree-js button {
|
||||
font-family: var(--heat-js-default-font);
|
||||
font-family: var(--heat-js-default-font);
|
||||
}
|
||||
div.json-tree-js div.no-click {
|
||||
pointer-events: none !important;
|
||||
pointer-events: none !important;
|
||||
}
|
||||
div.json-tree-js div.page-switch {
|
||||
animation: fade-in-animation var(--json-tree-js-animation-length);
|
||||
animation: fade-in-animation var(--json-tree-js-animation-length);
|
||||
}
|
||||
div.json-tree-js * {
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
}
|
||||
div.json-tree-js *::before, div.json-tree-js *::after {
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
div.json-tree-js *::before,
|
||||
div.json-tree-js *::after {
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
}
|
||||
|
||||
div.full-screen {
|
||||
position: fixed;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
border-radius: 0;
|
||||
z-index: 1000;
|
||||
position: fixed;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
top: 0;
|
||||
left: 0;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
max-width: none;
|
||||
border-radius: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
div.full-screen div.title-bar {
|
||||
border-radius: 0 !important;
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
div.full-screen div.contents {
|
||||
flex-grow: 1;
|
||||
position: relative;
|
||||
flex-grow: 1;
|
||||
position: relative;
|
||||
}
|
||||
div.full-screen div.contents span.no-json-text {
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
position: absolute;
|
||||
left: 50%;
|
||||
top: 50%;
|
||||
transform: translate(-50%, -50%);
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -146,34 +138,34 @@ div.full-screen div.contents span.no-json-text {
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
div.json-tree-js div.no-arrow {
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 8px;
|
||||
margin-right: calc(var(--json-tree-js-spacing));
|
||||
display: inline-block;
|
||||
width: 12px;
|
||||
height: 8px;
|
||||
margin-right: calc(var(--json-tree-js-spacing));
|
||||
}
|
||||
div.json-tree-js div.down-arrow,
|
||||
div.json-tree-js div.right-arrow {
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-right: calc(var(--json-tree-js-spacing));
|
||||
cursor: pointer;
|
||||
transition: var(--json-tree-js-transition);
|
||||
transition-property: opacity;
|
||||
display: inline-block;
|
||||
width: 0;
|
||||
height: 0;
|
||||
margin-right: calc(var(--json-tree-js-spacing));
|
||||
cursor: pointer;
|
||||
transition: var(--json-tree-js-transition);
|
||||
transition-property: opacity;
|
||||
}
|
||||
div.json-tree-js div.down-arrow:hover,
|
||||
div.json-tree-js div.right-arrow:hover {
|
||||
opacity: 0.7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
div.json-tree-js div.down-arrow {
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 8px solid var(--json-tree-js-color-white);
|
||||
border-left: 6px solid transparent;
|
||||
border-right: 6px solid transparent;
|
||||
border-top: 8px solid var(--json-tree-js-color-white);
|
||||
}
|
||||
div.json-tree-js div.right-arrow {
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-left: 12px solid var(--json-tree-js-color-white);
|
||||
border-top: 5px solid transparent;
|
||||
border-bottom: 5px solid transparent;
|
||||
border-left: 12px solid var(--json-tree-js-color-white);
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -182,72 +174,72 @@ div.json-tree-js div.right-arrow {
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
div.json-tree-js div.title-bar {
|
||||
display: flex;
|
||||
padding: calc(var(--json-tree-js-spacing) / 2);
|
||||
background-color: var(--json-tree-js-color-dark-black);
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
border-bottom: var(--json-tree-js-container-border-color) solid var(--json-tree-js-border-size);
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
padding: calc(var(--json-tree-js-spacing) / 2);
|
||||
background-color: var(--json-tree-js-color-dark-black);
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
border-bottom: var(--json-tree-js-container-border-color) solid var(--json-tree-js-border-size);
|
||||
justify-content: left;
|
||||
align-items: center;
|
||||
}
|
||||
div.json-tree-js div.title-bar div.title {
|
||||
text-align: left;
|
||||
width: auto;
|
||||
font-weight: var(--json-tree-js-title-bold-weight);
|
||||
font-size: 1.2rem;
|
||||
margin: 3px;
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
text-align: left;
|
||||
width: auto;
|
||||
font-weight: var(--json-tree-js-title-bold-weight);
|
||||
font-size: 1.2rem;
|
||||
margin: 3px;
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls {
|
||||
margin-left: calc(var(--json-tree-js-spacing) * 6);
|
||||
flex-grow: 1;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
margin-left: calc(var(--json-tree-js-spacing) * 6);
|
||||
flex-grow: 1;
|
||||
text-align: right;
|
||||
white-space: nowrap;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
div.json-tree-js div.title-bar div.controls {
|
||||
margin-left: calc(var(--json-tree-js-spacing) * 12);
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls {
|
||||
margin-left: calc(var(--json-tree-js-spacing) * 12);
|
||||
}
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls button {
|
||||
background-color: var(--json-tree-js-button-background-color);
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-button-border-color);
|
||||
color: var(--json-tree-js-button-text-color);
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
margin: 3px;
|
||||
outline: none;
|
||||
transition: var(--json-tree-js-transition);
|
||||
background-color: var(--json-tree-js-button-background-color);
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-button-border-color);
|
||||
color: var(--json-tree-js-button-text-color);
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
padding-top: 5px;
|
||||
padding-bottom: 5px;
|
||||
padding-left: 9px;
|
||||
padding-right: 9px;
|
||||
margin: 3px;
|
||||
outline: none;
|
||||
transition: var(--json-tree-js-transition);
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls button:disabled {
|
||||
color: var(--json-tree-js-button-border-color);
|
||||
color: var(--json-tree-js-button-border-color);
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls button:not(.active):not(:disabled):active {
|
||||
background: var(--json-tree-js-button-background-color-active) !important;
|
||||
color: var(--json-tree-js-button-text-color-active) !important;
|
||||
background: var(--json-tree-js-button-background-color-active) !important;
|
||||
color: var(--json-tree-js-button-text-color-active) !important;
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls button:not(.active):not(:disabled):hover {
|
||||
cursor: pointer;
|
||||
background: var(--json-tree-js-button-background-color-hover);
|
||||
color: var(--json-tree-js-button-text-color-hover);
|
||||
cursor: pointer;
|
||||
background: var(--json-tree-js-button-background-color-hover);
|
||||
color: var(--json-tree-js-button-text-color-hover);
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls button {
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2) !important;
|
||||
font-weight: var(--json-tree-js-header-bold-weight);
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
text-align: center;
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2) !important;
|
||||
font-weight: var(--json-tree-js-header-bold-weight);
|
||||
min-width: 30px;
|
||||
min-height: 30px;
|
||||
text-align: center;
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls button.copy-all {
|
||||
display: none;
|
||||
display: none;
|
||||
}
|
||||
@media (min-width: 768px) {
|
||||
div.json-tree-js div.title-bar div.controls button.copy-all {
|
||||
display: inline-block;
|
||||
}
|
||||
div.json-tree-js div.title-bar div.controls button.copy-all {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -256,17 +248,17 @@ div.json-tree-js div.title-bar div.controls button.copy-all {
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
div.json-tree-js div.contents {
|
||||
padding: var(--json-tree-js-spacing);
|
||||
margin: 0 !important;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
padding: var(--json-tree-js-spacing);
|
||||
margin: 0 !important;
|
||||
overflow-x: auto;
|
||||
overflow-y: auto;
|
||||
}
|
||||
div.json-tree-js div.contents div.last-item {
|
||||
margin-bottom: 0 !important;
|
||||
margin-bottom: 0 !important;
|
||||
}
|
||||
div.json-tree-js div.contents span.no-json-text {
|
||||
font-style: italic;
|
||||
color: var(--json-tree-js-color-light-gray) !important;
|
||||
font-style: italic;
|
||||
color: var(--json-tree-js-color-light-gray) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -275,43 +267,43 @@ div.json-tree-js div.contents span.no-json-text {
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
div.json-tree-js div.object-type-title {
|
||||
font-weight: var(--json-tree-js-header-bold-weight);
|
||||
text-align: left !important;
|
||||
width: fit-content;
|
||||
font-weight: var(--json-tree-js-header-bold-weight);
|
||||
text-align: left !important;
|
||||
width: fit-content;
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.main-title {
|
||||
transition: var(--json-tree-js-transition);
|
||||
transition-property: opacity;
|
||||
transition: var(--json-tree-js-transition);
|
||||
transition-property: opacity;
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.main-title:not(.no-hover):hover {
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.array {
|
||||
color: var(--json-tree-js-color-array);
|
||||
color: var(--json-tree-js-color-array);
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.object {
|
||||
color: var(--json-tree-js-color-object);
|
||||
color: var(--json-tree-js-color-object);
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.map {
|
||||
color: var(--json-tree-js-color-map);
|
||||
color: var(--json-tree-js-color-map);
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.set {
|
||||
color: var(--json-tree-js-color-set);
|
||||
color: var(--json-tree-js-color-set);
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.count {
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.data-array-index {
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
}
|
||||
div.json-tree-js div.object-type-title span.opening-symbol {
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
color: var(--json-tree-js-color-snow-white) !important;
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
color: var(--json-tree-js-color-snow-white) !important;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -320,10 +312,10 @@ div.json-tree-js div.object-type-title span.opening-symbol {
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
div.json-tree-js div.object-type-contents {
|
||||
margin-top: calc(var(--json-tree-js-spacing) / 2);
|
||||
text-align: left !important;
|
||||
width: fit-content;
|
||||
margin-bottom: var(--json-tree-js-spacing);
|
||||
margin-top: calc(var(--json-tree-js-spacing) / 2);
|
||||
text-align: left !important;
|
||||
width: fit-content;
|
||||
margin-bottom: var(--json-tree-js-spacing);
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -332,111 +324,117 @@ div.json-tree-js div.object-type-contents {
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
div.json-tree-js div.object-type-contents span.opening-symbol {
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
color: var(--json-tree-js-color-snow-white) !important;
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
color: var(--json-tree-js-color-snow-white) !important;
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.closing-symbol div {
|
||||
display: inline-block !important;
|
||||
display: inline-block !important;
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.closing-symbol div.object-type-end {
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value {
|
||||
white-space: nowrap;
|
||||
margin-top: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-bottom: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-left: calc(var(--json-tree-js-spacing) * 2);
|
||||
white-space: nowrap;
|
||||
margin-top: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-bottom: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-left: calc(var(--json-tree-js-spacing) * 2);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.split {
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
margin-right: calc(var(--json-tree-js-spacing) / 2);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.value,
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.main-title {
|
||||
transition: var(--json-tree-js-transition);
|
||||
transition-property: opacity;
|
||||
transition: var(--json-tree-js-transition);
|
||||
transition-property: opacity;
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.value:not(.no-hover):not(.editable):hover,
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.main-title:not(.no-hover):not(.editable):hover {
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
div.json-tree-js
|
||||
div.object-type-contents
|
||||
div.object-type-value
|
||||
span.value:not(.no-hover):not(.editable):hover,
|
||||
div.json-tree-js
|
||||
div.object-type-contents
|
||||
div.object-type-value
|
||||
span.main-title:not(.no-hover):not(.editable):hover {
|
||||
cursor: pointer;
|
||||
opacity: 0.7;
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.editable {
|
||||
background-color: var(--json-tree-js-editable-background-color) !important;
|
||||
color: var(--json-tree-js-editable-text-color) !important;
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-editable-border-color);
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
padding: calc(var(--json-tree-js-spacing) / 2) !important;
|
||||
border-radius: var(--json-tree-js-border-radius-editable) !important;
|
||||
cursor: text !important;
|
||||
background-color: var(--json-tree-js-editable-background-color) !important;
|
||||
color: var(--json-tree-js-editable-text-color) !important;
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-editable-border-color);
|
||||
outline: none !important;
|
||||
box-shadow: none !important;
|
||||
padding: calc(var(--json-tree-js-spacing) / 2) !important;
|
||||
border-radius: var(--json-tree-js-border-radius-editable) !important;
|
||||
cursor: text !important;
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.main-title {
|
||||
font-weight: var(--json-tree-js-header-bold-weight);
|
||||
font-weight: var(--json-tree-js-header-bold-weight);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.non-value {
|
||||
font-style: italic;
|
||||
font-style: italic;
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.comma {
|
||||
color: var(--json-tree-js-color-white);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
color: var(--json-tree-js-color-white);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.array {
|
||||
color: var(--json-tree-js-color-array);
|
||||
color: var(--json-tree-js-color-array);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.object {
|
||||
color: var(--json-tree-js-color-object);
|
||||
color: var(--json-tree-js-color-object);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.map {
|
||||
color: var(--json-tree-js-color-map);
|
||||
color: var(--json-tree-js-color-map);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.set {
|
||||
color: var(--json-tree-js-color-set);
|
||||
color: var(--json-tree-js-color-set);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.boolean {
|
||||
color: var(--json-tree-js-color-boolean);
|
||||
color: var(--json-tree-js-color-boolean);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.decimal {
|
||||
color: var(--json-tree-js-color-decimal);
|
||||
color: var(--json-tree-js-color-decimal);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.number {
|
||||
color: var(--json-tree-js-color-number);
|
||||
color: var(--json-tree-js-color-number);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.bigint {
|
||||
color: var(--json-tree-js-color-bigint);
|
||||
color: var(--json-tree-js-color-bigint);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.string {
|
||||
color: var(--json-tree-js-color-string);
|
||||
color: var(--json-tree-js-color-string);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.date {
|
||||
color: var(--json-tree-js-color-date);
|
||||
color: var(--json-tree-js-color-date);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.null {
|
||||
color: var(--json-tree-js-color-null);
|
||||
color: var(--json-tree-js-color-null);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.symbol {
|
||||
color: var(--json-tree-js-color-symbol);
|
||||
color: var(--json-tree-js-color-symbol);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.function {
|
||||
color: var(--json-tree-js-color-function);
|
||||
color: var(--json-tree-js-color-function);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.unknown {
|
||||
color: var(--json-tree-js-color-unknown);
|
||||
color: var(--json-tree-js-color-unknown);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.undefined {
|
||||
color: var(--json-tree-js-color-null);
|
||||
color: var(--json-tree-js-color-null);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.guid {
|
||||
color: var(--json-tree-js-color-guid);
|
||||
color: var(--json-tree-js-color-guid);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.regexp {
|
||||
color: var(--json-tree-js-color-regexp);
|
||||
color: var(--json-tree-js-color-regexp);
|
||||
}
|
||||
div.json-tree-js div.object-type-contents div.object-type-value span.count {
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
margin-left: calc(var(--json-tree-js-spacing) / 2);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -446,27 +444,27 @@ div.json-tree-js div.object-type-contents div.object-type-value span.count {
|
||||
*/
|
||||
div.jsontree-js-tooltip,
|
||||
div.jsontree-js-tooltip-value {
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
font-family: var(--json-tree-js-default-font);
|
||||
animation: fade-in-animation var(--json-tree-js-animation-length);
|
||||
position: absolute;
|
||||
background-color: var(--json-tree-js-tooltip-background-color);
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-tooltip-border-color);
|
||||
color: var(--json-tree-js-tooltip-text-color);
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
z-index: 2000;
|
||||
max-width: 300px;
|
||||
padding: var(--json-tree-js-spacing);
|
||||
font-size: var(--json-tree-js-spacing-font-size);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
display: none;
|
||||
-moz-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-o-user-select: none;
|
||||
user-select: none;
|
||||
cursor: default;
|
||||
box-sizing: border-box;
|
||||
line-height: normal;
|
||||
font-family: var(--json-tree-js-default-font);
|
||||
animation: fade-in-animation var(--json-tree-js-animation-length);
|
||||
position: absolute;
|
||||
background-color: var(--json-tree-js-tooltip-background-color);
|
||||
border: var(--json-tree-js-border-size) solid var(--json-tree-js-tooltip-border-color);
|
||||
color: var(--json-tree-js-tooltip-text-color);
|
||||
border-radius: var(--json-tree-js-border-radius);
|
||||
z-index: 2000;
|
||||
max-width: 300px;
|
||||
padding: var(--json-tree-js-spacing);
|
||||
font-size: var(--json-tree-js-spacing-font-size);
|
||||
font-weight: var(--json-tree-js-text-bold-weight);
|
||||
display: none;
|
||||
}
|
||||
|
||||
/*
|
||||
@@ -475,12 +473,12 @@ div.jsontree-js-tooltip-value {
|
||||
-------------------------------------------------------------------------
|
||||
*/
|
||||
@keyframes fade-in-animation {
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
0% {
|
||||
opacity: 0;
|
||||
}
|
||||
100% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=jsontree.js.css.map */
|
||||
|
||||
@@ -1,4 +1,174 @@
|
||||
/* PrismJS 1.30.0
|
||||
https://prismjs.com/download.html#themes=prism-twilight&languages=markup+yaml&plugins=line-numbers */
|
||||
code[class*=language-],pre[class*=language-]{color:#fff;background:0 0;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;text-shadow:0 -.1em .2em #000;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}:not(pre)>code[class*=language-],pre[class*=language-]{background:#141414}pre[class*=language-]{border-radius:.5em;border:.3em solid #545454;box-shadow:1px 1px .5em #000 inset;margin:.5em 0;overflow:auto;padding:1em}pre[class*=language-]::-moz-selection{background:#27292a}pre[class*=language-]::selection{background:#27292a}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:hsla(0,0%,93%,.15)}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:hsla(0,0%,93%,.15)}:not(pre)>code[class*=language-]{border-radius:.3em;border:.13em solid #545454;box-shadow:1px 1px .3em -.1em #000 inset;padding:.15em .2em .05em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#777}.token.punctuation{opacity:.7}.token.namespace{opacity:.7}.token.boolean,.token.deleted,.token.number,.token.tag{color:#ce6849}.token.builtin,.token.constant,.token.keyword,.token.property,.token.selector,.token.symbol{color:#f9ed99}.language-css .token.string,.style .token.string,.token.attr-name,.token.attr-value,.token.char,.token.entity,.token.inserted,.token.operator,.token.string,.token.url,.token.variable{color:#909e6a}.token.atrule{color:#7385a5}.token.important,.token.regex{color:#e8c062}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.language-markup .token.attr-name,.language-markup .token.punctuation,.language-markup .token.tag{color:#ac885c}.token{position:relative;z-index:1}.line-highlight.line-highlight{background:hsla(0,0%,33%,.25);background:linear-gradient(to right,hsla(0,0%,33%,.1) 70%,hsla(0,0%,33%,0));border-bottom:1px dashed #545454;border-top:1px dashed #545454;margin-top:.75em;z-index:0}.line-highlight.line-highlight:before,.line-highlight.line-highlight[data-end]:after{background-color:#8693a6;color:#f4f1ef}
|
||||
pre[class*=language-].line-numbers{position:relative;padding-left:3.8em;counter-reset:linenumber}pre[class*=language-].line-numbers>code{position:relative;white-space:inherit}.line-numbers .line-numbers-rows{position:absolute;pointer-events:none;top:0;font-size:100%;left:-3.8em;width:3em;letter-spacing:-1px;border-right:1px solid #999;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.line-numbers-rows>span{display:block;counter-increment:linenumber}.line-numbers-rows>span:before{content:counter(linenumber);color:#999;display:block;padding-right:.8em;text-align:right}
|
||||
code[class*='language-'],
|
||||
pre[class*='language-'] {
|
||||
color: #fff;
|
||||
background: 0 0;
|
||||
font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
|
||||
font-size: 1em;
|
||||
text-align: left;
|
||||
text-shadow: 0 -0.1em 0.2em #000;
|
||||
white-space: pre;
|
||||
word-spacing: normal;
|
||||
word-break: normal;
|
||||
word-wrap: normal;
|
||||
line-height: 1.5;
|
||||
-moz-tab-size: 4;
|
||||
-o-tab-size: 4;
|
||||
tab-size: 4;
|
||||
-webkit-hyphens: none;
|
||||
-moz-hyphens: none;
|
||||
-ms-hyphens: none;
|
||||
hyphens: none;
|
||||
}
|
||||
:not(pre) > code[class*='language-'],
|
||||
pre[class*='language-'] {
|
||||
background: #141414;
|
||||
}
|
||||
pre[class*='language-'] {
|
||||
border-radius: 0.5em;
|
||||
border: 0.3em solid #545454;
|
||||
box-shadow: 1px 1px 0.5em #000 inset;
|
||||
margin: 0.5em 0;
|
||||
overflow: auto;
|
||||
padding: 1em;
|
||||
}
|
||||
pre[class*='language-']::-moz-selection {
|
||||
background: #27292a;
|
||||
}
|
||||
pre[class*='language-']::selection {
|
||||
background: #27292a;
|
||||
}
|
||||
code[class*='language-'] ::-moz-selection,
|
||||
code[class*='language-']::-moz-selection,
|
||||
pre[class*='language-'] ::-moz-selection,
|
||||
pre[class*='language-']::-moz-selection {
|
||||
text-shadow: none;
|
||||
background: hsla(0, 0%, 93%, 0.15);
|
||||
}
|
||||
code[class*='language-'] ::selection,
|
||||
code[class*='language-']::selection,
|
||||
pre[class*='language-'] ::selection,
|
||||
pre[class*='language-']::selection {
|
||||
text-shadow: none;
|
||||
background: hsla(0, 0%, 93%, 0.15);
|
||||
}
|
||||
:not(pre) > code[class*='language-'] {
|
||||
border-radius: 0.3em;
|
||||
border: 0.13em solid #545454;
|
||||
box-shadow: 1px 1px 0.3em -0.1em #000 inset;
|
||||
padding: 0.15em 0.2em 0.05em;
|
||||
white-space: normal;
|
||||
}
|
||||
.token.cdata,
|
||||
.token.comment,
|
||||
.token.doctype,
|
||||
.token.prolog {
|
||||
color: #777;
|
||||
}
|
||||
.token.punctuation {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.token.namespace {
|
||||
opacity: 0.7;
|
||||
}
|
||||
.token.boolean,
|
||||
.token.deleted,
|
||||
.token.number,
|
||||
.token.tag {
|
||||
color: #ce6849;
|
||||
}
|
||||
.token.builtin,
|
||||
.token.constant,
|
||||
.token.keyword,
|
||||
.token.property,
|
||||
.token.selector,
|
||||
.token.symbol {
|
||||
color: #f9ed99;
|
||||
}
|
||||
.language-css .token.string,
|
||||
.style .token.string,
|
||||
.token.attr-name,
|
||||
.token.attr-value,
|
||||
.token.char,
|
||||
.token.entity,
|
||||
.token.inserted,
|
||||
.token.operator,
|
||||
.token.string,
|
||||
.token.url,
|
||||
.token.variable {
|
||||
color: #909e6a;
|
||||
}
|
||||
.token.atrule {
|
||||
color: #7385a5;
|
||||
}
|
||||
.token.important,
|
||||
.token.regex {
|
||||
color: #e8c062;
|
||||
}
|
||||
.token.bold,
|
||||
.token.important {
|
||||
font-weight: 700;
|
||||
}
|
||||
.token.italic {
|
||||
font-style: italic;
|
||||
}
|
||||
.token.entity {
|
||||
cursor: help;
|
||||
}
|
||||
.language-markup .token.attr-name,
|
||||
.language-markup .token.punctuation,
|
||||
.language-markup .token.tag {
|
||||
color: #ac885c;
|
||||
}
|
||||
.token {
|
||||
position: relative;
|
||||
z-index: 1;
|
||||
}
|
||||
.line-highlight.line-highlight {
|
||||
background: hsla(0, 0%, 33%, 0.25);
|
||||
background: linear-gradient(to right, hsla(0, 0%, 33%, 0.1) 70%, hsla(0, 0%, 33%, 0));
|
||||
border-bottom: 1px dashed #545454;
|
||||
border-top: 1px dashed #545454;
|
||||
margin-top: 0.75em;
|
||||
z-index: 0;
|
||||
}
|
||||
.line-highlight.line-highlight:before,
|
||||
.line-highlight.line-highlight[data-end]:after {
|
||||
background-color: #8693a6;
|
||||
color: #f4f1ef;
|
||||
}
|
||||
pre[class*='language-'].line-numbers {
|
||||
position: relative;
|
||||
padding-left: 3.8em;
|
||||
counter-reset: linenumber;
|
||||
}
|
||||
pre[class*='language-'].line-numbers > code {
|
||||
position: relative;
|
||||
white-space: inherit;
|
||||
}
|
||||
.line-numbers .line-numbers-rows {
|
||||
position: absolute;
|
||||
pointer-events: none;
|
||||
top: 0;
|
||||
font-size: 100%;
|
||||
left: -3.8em;
|
||||
width: 3em;
|
||||
letter-spacing: -1px;
|
||||
border-right: 1px solid #999;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
}
|
||||
.line-numbers-rows > span {
|
||||
display: block;
|
||||
counter-increment: linenumber;
|
||||
}
|
||||
.line-numbers-rows > span:before {
|
||||
content: counter(linenumber);
|
||||
color: #999;
|
||||
display: block;
|
||||
padding-right: 0.8em;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user