github.com/pyroscope-io/pyroscope@v0.37.3-0.20230725203016-5f6947968bd0/packages/pyroscope-flamegraph/src/FlameGraph/FlameGraphComponent/GraphVizPanel.module.scss (about)

     1  .graphVizPane {
     2    display: flex;
     3    flex: 1;
     4  
     5    // hacky better than !important
     6    &#{&} {
     7      margin-right: 0;
     8      border: 1px solid var(--ps-ui-border);
     9    }
    10  
    11    div[id^='graphviz'] {
    12      width: 100%;
    13      overflow: hidden;
    14  
    15      :global {
    16        .graph > polygon {
    17          // graphviz overlay
    18          fill: none;
    19        }
    20  
    21        .node {
    22          polygon {
    23            // node box
    24            // stroke: var(--ps-fl-toolbar-btn-bg);
    25          }
    26  
    27          text[text-anchor='middle'] {
    28            // node caption
    29            // fill: var(--ps-toolbar-icon-color);
    30          }
    31        }
    32  
    33        .edge {
    34          text[text-anchor='middle'] {
    35            // edge caption
    36            fill: var(--ps-toolbar-icon-color);
    37            // fill: red;
    38          }
    39  
    40          a {
    41            path {
    42              // arrow body
    43              // stroke: var(--ps-fl-toolbar-btn-bg);
    44            }
    45  
    46            polygon {
    47              // arrow head
    48              // stroke: var(--ps-fl-toolbar-btn-bg);
    49              // fill: var(--ps-fl-toolbar-btn-bg);
    50            }
    51          }
    52        }
    53      }
    54    }
    55  }