darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-05-05 08:31:00 -04:00
Code Issues Packages Projects Releases Wiki Activity

Small changes to the data viz colors and chart sizing

Browse Source
This commit is contained in:
Jonathan Bobel
2024-08-08 16:29:35 -04:00
parent 7d6b209c8d
commit 28bc4befbe
3 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/activityChart.js
View File

@@ -4,7 +4,7 @@
const COLORS = { const COLORS = {
delivered: '#0076d6', delivered: '#0076d6',
failed: '#fa9441', failed: '#c6cace',
text: '#666' text: '#666'
}; };

4
app/assets/javascripts/totalMessagesChart.js
View File

@@ -21,7 +21,7 @@
var svg = d3.select("#totalMessageChart"); var svg = d3.select("#totalMessageChart");
var width = chartContainer.clientWidth; var width = chartContainer.clientWidth;
var height = 64; var height = 50;
// Ensure the width is set correctly // Ensure the width is set correctly
if (width === 0) { if (width === 0) {
@@ -62,7 +62,7 @@
.attr("x", 0) // Initially set to 0, will be updated during animation .attr("x", 0) // Initially set to 0, will be updated during animation
.attr("y", 0) .attr("y", 0)
.attr("height", height) .attr("height", height)
.attr("fill", '#fa9441') .attr("fill", '#c6cace')
.attr("width", 0) // Start with width 0 for animation .attr("width", 0) // Start with width 0 for animation
.on('mouseover', function(event) { .on('mouseover', function(event) {
tooltip.style('display', 'block') tooltip.style('display', 'block')

2
app/assets/sass/uswds/_data-visualization.scss
View File

@@ -2,7 +2,7 @@
$delivered: color('blue-50v'); $delivered: color('blue-50v');
$pending: color('green-cool-40v'); $pending: color('green-cool-40v');
$failed: color('orange-30v'); $failed: color('gray-cool-20');
.chart-container { .chart-container {
display: flex; display: flex;