12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364 |
- /* Legend */
- .sf-profiler-timeline .legends .timeline-category {
- border: none;
- background: none;
- border-left: 1em solid transparent;
- line-height: 1em;
- margin: 0 1em 0 0;
- padding: 0 0.5em;
- display: none;
- opacity: 0.5;
- }
- .sf-profiler-timeline .legends .timeline-category.active {
- opacity: 1;
- }
- .sf-profiler-timeline .legends .timeline-category.present {
- display: inline-block;
- }
- .timeline-graph {
- margin: 1em 0;
- width: 100%;
- background-color: var(--table-background);
- border: 1px solid var(--table-border);
- }
- /* Typography */
- .timeline-graph .timeline-label {
- font-family: var(--font-sans-serif);
- font-size: 12px;
- line-height: 12px;
- font-weight: normal;
- fill: var(--color-text);
- }
- .timeline-graph .timeline-label .timeline-sublabel {
- margin-left: 1em;
- fill: var(--color-muted);
- }
- .timeline-graph .timeline-subrequest,
- .timeline-graph .timeline-border {
- fill: none;
- stroke: var(--table-border);
- stroke-width: 1px;
- }
- .timeline-graph .timeline-subrequest {
- fill: url(#subrequest);
- fill-opacity: 0.5;
- }
- .timeline-subrequest-pattern {
- fill: var(--table-border);
- }
- /* Timeline periods */
- .timeline-graph .timeline-period {
- stroke-width: 0;
- }
|