| body { |
| overflow: hidden; /* Want scrollbar not here, but in #stack-holder */ |
| } |
| /* Scrollable container for flame graph */ |
| #stack-holder { |
| width: 100%; |
| flex-grow: 1; |
| overflow-y: auto; |
| background: #eee; /* Light grey gives better contrast with boxes */ |
| position: relative; /* Allows absolute positioning of child boxes */ |
| } |
| /* Flame graph */ |
| #stack-chart { |
| width: 100%; |
| position: relative; /* Allows absolute positioning of child boxes */ |
| } |
| /* Shows details of frame that is under the mouse */ |
| #current-details { |
| position: absolute; |
| top: 5px; |
| right: 5px; |
| z-index: 2; |
| font-size: 12pt; |
| } |
| /* Background of a single flame-graph frame */ |
| .boxbg { |
| border-width: 0px; |
| position: absolute; |
| overflow: hidden; |
| box-sizing: border-box; |
| } |
| /* Not-inlined frames are visually separated from their caller. */ |
| .not-inlined { |
| border-top: 1px solid black; |
| } |
| /* Function name */ |
| .boxtext { |
| position: absolute; |
| width: 100%; |
| padding-left: 2px; |
| line-height: 18px; |
| cursor: default; |
| font-family: "Google Sans", Arial, sans-serif; |
| font-size: 12pt; |
| z-index: 2; |
| } |
| /* Box highlighting via shadows to avoid size changes */ |
| .hilite { box-shadow: 0px 0px 0px 2px #000; z-index: 1; } |
| .hilite2 { box-shadow: 0px 0px 0px 2px #000; z-index: 1; } |
| /* Self-cost region inside a box */ |
| .self { |
| position: absolute; |
| background: rgba(0,0,0,0.25); /* Darker hue */ |
| } |
| /* Gap left between callers and callees */ |
| .separator { |
| position: absolute; |
| text-align: center; |
| font-size: 12pt; |
| font-weight: bold; |
| } |
| /* Ensure that pprof menu is above boxes */ |
| .submenu { z-index: 3; } |
| /* Right-click menu */ |
| #action-menu { |
| max-width: 15em; |
| } |
| /* Right-click menu title */ |
| #action-title { |
| display: block; |
| padding: 0.5em 1em; |
| background: #888; |
| text-overflow: ellipsis; |
| overflow: hidden; |
| } |
| /* Internal canvas used to measure text size when picking fonts */ |
| #textsizer { |
| position: absolute; |
| bottom: -100px; |
| } |