mic-inspector
Version:
A react inspector which a most similar of Chorme DevTools inspector
46 lines (45 loc) • 1.39 kB
JavaScript
"use strict";
var _a;
Object.defineProperty(exports, "__esModule", { value: true });
exports.useStyles = void 0;
var mic_global_1 = require("mic-global");
var locale_1 = require("../locale");
var types_1 = require("../types");
exports.useStyles = locale_1.createPropertyComponentStyles(types_1.ClassName.Property, {
width: mic_global_1.Percent.M1,
display: 'block',
whiteSpace: 'nowrap',
overflow: 'hidden',
textOverflow: 'ellipsis',
cursor: 'default',
'&[data-expandable="true"]': {
position: 'relative',
paddingLeft: mic_global_1.EM.M1,
boxSizing: 'border-box',
'& > q::before': {
position: 'absolute',
left: 0,
top: 0,
content: '"▶"',
color: mic_global_1.Gray.L11,
transform: 'translateY(-5%)',
},
'&[data-expand="true"] > q': (_a = {
'&::before': {
transform: 'rotateZ(90deg) translateY(-5%)',
}
},
_a["& > ." + types_1.ClassName.ObjectValue] = {
'&[data-arraylike="true"][data-array-length="0"] > span > i': {
display: 'inline',
},
'& > q': {
display: 'none',
},
},
_a),
},
'& > q': {
quotes: 'none',
},
});