bsodfather/crank
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: render usage timeline bars correctly

Browse Source
This commit is contained in:
a.tolmachev
2026-04-01 09:48:04 +03:00
parent 516c3d2814
commit ab289165b5
2 changed files with 20 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/ui/css/usage.css
+14 -1
View File
@@ -34,10 +34,23 @@
position: relative; position: relative;
} }
.chart-bar { .chart-col {
flex: 1; flex: 1;
min-width: 0;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
gap: 2px;
position: relative;
}
.chart-bar {
flex: 0 0 auto;
border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0;
min-width: 0; min-width: 0;
width: 100%;
transition: opacity 0.15s; transition: opacity 0.15s;
position: relative; position: relative;
cursor: pointer; cursor: pointer;
apps/ui/js/usage.js
+6
View File
@@ -145,6 +145,12 @@ document.addEventListener('DOMContentLoaded', function () {
var node = chartTemplate.content.cloneNode(true); var node = chartTemplate.content.cloneNode(true);
var okHeight = maxValue ? Math.round((point.calls_ok / maxValue) * 160) : 0; var okHeight = maxValue ? Math.round((point.calls_ok / maxValue) * 160) : 0;
var errorHeight = maxValue ? Math.round((point.calls_error / maxValue) * 160) : 0; var errorHeight = maxValue ? Math.round((point.calls_error / maxValue) * 160) : 0;
if (point.calls_ok > 0) {
okHeight = Math.max(okHeight, 6);
}
if (point.calls_error > 0) {
errorHeight = Math.max(errorHeight, 6);
}
node.querySelector('.chart-bar.success').style.height = okHeight + 'px'; node.querySelector('.chart-bar.success').style.height = okHeight + 'px';
node.querySelector('.chart-bar.success').dataset.tip = formatCount(point.calls_ok) + ' ok'; node.querySelector('.chart-bar.success').dataset.tip = formatCount(point.calls_ok) + ' ok';
node.querySelector('.chart-bar.error').style.height = errorHeight + 'px'; node.querySelector('.chart-bar.error').style.height = errorHeight + 'px';