@discoveryjs/discovery
Version:
Frontend framework for rapid data (JSON) analysis, shareable serverless reports and dashboards
50 lines (47 loc) • 1.43 kB
CSS
.discovery-inspect-details-popup .sidebar {
grid-area: sidebar;
overflow: auto;
overscroll-behavior: contain;
padding: 4px;
background-color: var(--discovery-mate-background);
}
.discovery-inspect-details-popup .sidebar .view-tree-leaf-content {
white-space: nowrap;
padding-right: 12px;
}
.discovery-inspect-details-popup .sidebar .view-root {
display: inline-block;
margin-bottom: 1px;
margin-left: -6px;
border: 4px solid transparent;
border-width: 1px 8px;
background-color: var(--discovery-view-root-highlight-color);
}
.discovery-inspect-details-popup .sidebar .selected {
background-color: rgba(78, 187, 255, .3);
box-shadow: 0 0 0 3px rgba(78, 187, 255, .3);
display: inline;
}
.discovery-inspect-details-popup .sidebar .skipped {
text-decoration: line-through;
font-style: italic;
opacity: .65;
}
.discovery-inspect-details-popup .sidebar > .view-tree-leaf:only-child {
margin: -4px 0 0 -4px;
grid-template-columns: 6px auto;
background: none;
}
.discovery-inspect-details-popup .sidebar > .view-tree-leaf:only-child > .view-tree-leaf-toggle {
display: none;
}
.discovery-inspect-details-popup .sidebar .view-badge {
vertical-align: top;
margin-left: 1ex;
margin-right: 0;
border-radius: 0;
font-size: 9px;
}
.discovery-inspect-details-popup .sidebar .view-badge + .view-badge {
margin-left: 1px;
}