Improve analysis dashboard UI
- Fix chart y-axis to use suggestedMax (0.2) instead of max (1.0) for better visibility of low toxicity values - Improve decimal precision in chart tooltips (0.1% instead of 0%) - Style quick-link buttons with solid background, shadow, and hover effects like Bluesky collector Charts now properly display low toxicity values (0.02-0.05 range) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
7f892456ae
commit
03fd697623
1 changed files with 15 additions and 11 deletions
|
|
@ -149,19 +149,23 @@
|
||||||
.quick-link {
|
.quick-link {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
padding: 0.75rem 1.25rem;
|
padding: 0.875rem 1.5rem;
|
||||||
background-color: rgba(0, 180, 216, 0.1);
|
background: var(--accent);
|
||||||
border: 1px solid var(--accent);
|
color: #ffffff;
|
||||||
border-radius: 6px;
|
|
||||||
color: var(--accent);
|
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
font-weight: 500;
|
border-radius: 0.5rem;
|
||||||
transition: all 0.3s ease;
|
font-weight: 600;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
transition: all 0.2s ease;
|
||||||
|
box-shadow: 0 2px 8px rgba(0, 180, 216, 0.3);
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.quick-link:hover {
|
.quick-link:hover {
|
||||||
background-color: var(--accent);
|
background: rgba(0, 180, 216, 0.85);
|
||||||
color: var(--bg-primary);
|
color: #ffffff;
|
||||||
|
transform: translateY(-2px);
|
||||||
|
box-shadow: 0 4px 12px rgba(0, 180, 216, 0.5);
|
||||||
}
|
}
|
||||||
|
|
||||||
.quick-link::after {
|
.quick-link::after {
|
||||||
|
|
@ -562,14 +566,14 @@
|
||||||
display: true,
|
display: true,
|
||||||
position: 'left',
|
position: 'left',
|
||||||
min: 0,
|
min: 0,
|
||||||
max: 1,
|
suggestedMax: 0.2,
|
||||||
ticks: {
|
ticks: {
|
||||||
color: chartColors.text,
|
color: chartColors.text,
|
||||||
font: {
|
font: {
|
||||||
size: 11
|
size: 11
|
||||||
},
|
},
|
||||||
callback: function(value) {
|
callback: function(value) {
|
||||||
return (value * 100).toFixed(0) + '%';
|
return (value * 100).toFixed(1) + '%';
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue