|
|
@@ -60,75 +60,6 @@ body {
|
|
|
margin-left: 0;
|
|
|
}
|
|
|
|
|
|
-.properties-list {
|
|
|
- font-family: monospace;
|
|
|
- font-size: 11px;
|
|
|
- margin: 4px 0;
|
|
|
- padding: 4px 0;
|
|
|
- border-left: 1px solid #eee;
|
|
|
-}
|
|
|
-
|
|
|
-.properties-section {
|
|
|
- margin-bottom: 8px;
|
|
|
-}
|
|
|
-
|
|
|
-.properties-header {
|
|
|
- color: #666;
|
|
|
- font-weight: bold;
|
|
|
- padding: 4px 0;
|
|
|
- padding-left: 16px; /* Align header with items */
|
|
|
- user-select: none;
|
|
|
- margin-bottom: 4px; /* Add space below header */
|
|
|
-}
|
|
|
-
|
|
|
-.property-item {
|
|
|
- padding: 2px 16px;
|
|
|
- display: flex;
|
|
|
- align-items: center;
|
|
|
-}
|
|
|
-
|
|
|
-.property-name {
|
|
|
- color: #666;
|
|
|
- margin-right: 8px;
|
|
|
- min-width: 120px;
|
|
|
-}
|
|
|
-
|
|
|
-.property-value {
|
|
|
- color: #333;
|
|
|
-}
|
|
|
-
|
|
|
-.visibility-btn {
|
|
|
- background: none;
|
|
|
- border: none;
|
|
|
- cursor: pointer;
|
|
|
- padding: 2px 6px;
|
|
|
- font-size: 12px;
|
|
|
- opacity: 0.5;
|
|
|
- border-radius: 4px;
|
|
|
- margin-right: 4px;
|
|
|
-}
|
|
|
-
|
|
|
-.visibility-btn:hover {
|
|
|
- background: #e0e0e0;
|
|
|
- opacity: 1;
|
|
|
-}
|
|
|
-
|
|
|
-.tree-item:hover .visibility-btn {
|
|
|
- opacity: 0.8;
|
|
|
-}
|
|
|
-
|
|
|
-/* Styles for two-column layout */
|
|
|
-.properties-grid {
|
|
|
- display: flex;
|
|
|
- flex-direction: row;
|
|
|
- gap: 24px; /* Space between columns */
|
|
|
-}
|
|
|
-.properties-column-left,
|
|
|
-.properties-column-right {
|
|
|
- flex: 1; /* Each column takes equal width */
|
|
|
-}
|
|
|
-/* End styles for two-column layout */
|
|
|
-
|
|
|
/* Style for clickable renderer summary */
|
|
|
.renderer-summary {
|
|
|
cursor: pointer;
|