grafana/public/sass/components/_jsontree.scss

65 lines
1.0 KiB
SCSS
Raw Normal View History

/* Structure */
json-tree {
.json-tree-key {
vertical-align: middle;
}
.expandable {
position: relative;
&::before {
pointer-events: none;
}
2017-12-19 09:22:41 -06:00
&::before,
& > .json-tree-key {
cursor: pointer;
}
}
.json-tree-branch-preview {
display: inline-block;
vertical-align: middle;
}
}
/* Looks */
json-tree {
ul {
padding-left: $spacer;
}
2017-12-19 09:22:41 -06:00
li,
ul {
list-style: none;
}
li {
line-height: 1.3rem;
}
.json-tree-key {
color: $variable;
padding: 5px 10px 5px 15px;
&::after {
2017-12-19 09:22:41 -06:00
content: ":";
}
}
json-node.expandable {
&::before {
2017-12-19 09:22:41 -06:00
content: "\25b6";
position: absolute;
left: 0px;
font-size: 8px;
2017-12-19 09:22:41 -06:00
transition: transform 0.1s ease;
}
&.expanded::before {
transform: rotate(90deg);
}
}
2017-12-19 09:22:41 -06:00
.json-tree-leaf-value,
.json-tree-branch-preview {
word-break: break-all;
}
.json-tree-branch-preview {
overflow: hidden;
font-style: italic;
max-width: 40%;
height: 1.5em;
2017-12-19 09:22:41 -06:00
opacity: 0.7;
}
}