From d0a76b844210d7d84fb997a446948a50e1d268cd Mon Sep 17 00:00:00 2001 From: Oscar Najera Date: Mon, 28 Apr 2025 18:20:27 +0200 Subject: plots --- webstats/static/uPlot.min.css | 131 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 131 insertions(+) create mode 100644 webstats/static/uPlot.min.css (limited to 'webstats/static/uPlot.min.css') diff --git a/webstats/static/uPlot.min.css b/webstats/static/uPlot.min.css new file mode 100644 index 0000000..655a65a --- /dev/null +++ b/webstats/static/uPlot.min.css @@ -0,0 +1,131 @@ +.uplot, +.uplot *, +.uplot *::before, +.uplot *::after { + box-sizing: border-box; +} +.uplot { + font-family: + system-ui, + -apple-system, + "Segoe UI", + Roboto, + "Helvetica Neue", + Arial, + "Noto Sans", + sans-serif, + "Apple Color Emoji", + "Segoe UI Emoji", + "Segoe UI Symbol", + "Noto Color Emoji"; + line-height: 1.5; + width: min-content; +} +.u-title { + text-align: center; + font-size: 18px; + font-weight: bold; +} +.u-wrap { + position: relative; + user-select: none; +} +.u-over, +.u-under { + position: absolute; +} +.u-under { + overflow: hidden; +} +.uplot canvas { + display: block; + position: relative; + width: 100%; + height: 100%; +} +.u-axis { + position: absolute; +} +.u-legend { + font-size: 14px; + margin: auto; + text-align: center; +} +.u-inline { + display: block; +} +.u-inline * { + display: inline-block; +} +.u-inline tr { + margin-right: 16px; +} +.u-legend th { + font-weight: 600; +} +.u-legend th > * { + vertical-align: middle; + display: inline-block; +} +.u-legend .u-marker { + width: 1em; + height: 1em; + margin-right: 4px; + background-clip: padding-box !important; +} +.u-inline.u-live th::after { + content: ":"; + vertical-align: middle; +} +.u-inline:not(.u-live) .u-value { + display: none; +} +.u-series > * { + padding: 4px; +} +.u-series th { + cursor: pointer; +} +.u-legend .u-off > * { + opacity: 0.3; +} +.u-select { + background: rgba(0, 0, 0, 0.07); + position: absolute; + pointer-events: none; +} +.u-cursor-x, +.u-cursor-y { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + will-change: transform; +} +.u-hz .u-cursor-x, +.u-vt .u-cursor-y { + height: 100%; + border-right: 1px dashed #607d8b; +} +.u-hz .u-cursor-y, +.u-vt .u-cursor-x { + width: 100%; + border-bottom: 1px dashed #607d8b; +} +.u-cursor-pt { + position: absolute; + top: 0; + left: 0; + border-radius: 50%; + border: 0 solid; + pointer-events: none; + will-change: transform; /*this has to be !important since we set inline "background" shorthand */ + background-clip: padding-box !important; +} +.u-axis.u-off, +.u-select.u-off, +.u-cursor-x.u-off, +.u-cursor-y.u-off, +.u-cursor-pt.u-off { + display: none; +} -- cgit v1.2.3