search

micmro / PerfCascade

Responsive, SVG based HAR waterfall viewer
https://micmro.github.io/PerfCascade
MIT License
276 stars 51 forks source link

white area blocks some fields #264

Closed matti closed 3 years ago

matti commented 5 years ago
results

the full source at: https://gist.github.com/matti/5984a7bd3c64c1e2b07bcf9b5f76175e

matti commented 5 years ago

setting width: 99% (or any width) "fixes" this (I set it to my div#output)

micmro commented 5 years ago

Based on the font rendering in the screenshot it looks like you might not apply perf-cascade.css? Could you double-check if it gets loaded?

matti commented 5 years ago

source at https://gist.github.com/matti/5984a7bd3c64c1e2b07bcf9b5f76175e#file-perfcascade-html-L7

I also noticed that font rendering looks weird, but all other styles apply correctly. 99% was not enough, currrently set to:

      div#output {
        width: 97%;
      }

and now everything renders correctly, although font is still times new romanish

matti commented 5 years ago

so I'm doing it like this (I have my weird reasons for this):

    <style>
      <%= File.read "node_modules/perf-cascade/dist/perf-cascade.css" %>
    </style>