Added Perf details to profiler control

This commit is contained in:
2026-03-26 20:57:39 +01:00
parent 3ea551bc1a
commit 9085bcb09a
7 changed files with 261 additions and 89 deletions

View File

@@ -230,6 +230,11 @@
flex-direction: column;
}
/* details wrapper: no extra spacing */
.mf-profiler-span-tree-content details {
display: contents;
}
.mf-profiler-span-row {
display: flex;
align-items: center;
@@ -237,6 +242,31 @@
border-bottom: 1px solid color-mix(in oklab, var(--color-border) 50%, transparent);
}
/* summary reuses the same row style — override browser defaults */
summary.mf-profiler-span-row {
list-style: none;
cursor: pointer;
}
summary.mf-profiler-span-row::marker,
summary.mf-profiler-span-row::-webkit-details-marker {
display: none;
}
summary.mf-profiler-span-row::before {
content: '▶';
font-size: 8px;
flex-shrink: 0;
margin-right: 4px;
display: inline-block;
transition: transform 0.15s ease;
color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
}
details[open] > summary.mf-profiler-span-row::before {
transform: rotate(90deg);
}
.mf-profiler-span-row:last-child {
border-bottom: none;
}
@@ -288,6 +318,11 @@
background: var(--color-primary);
}
.mf-profiler-span-bar.mf-profiler-fast {
background: var(--color-success);
}
.mf-profiler-span-bar.mf-profiler-medium {
background: var(--color-warning);
}