darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-02 17:48:50 -04:00
Code Issues Packages Projects Releases Wiki Activity

Updates to styles and js

Browse Source
This commit is contained in:
Jonathan Bobel
2024-08-09 10:33:51 -04:00
parent 45bc6a9173
commit 832932f3b8
4 changed files with 6 additions and 6 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: '#c6cace', failed: '#fa9441',
text: '#666' text: '#666'
}; };

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

@@ -14,7 +14,7 @@
document.getElementById('message').innerText = `${sms_sent.toLocaleString()} sent / ${sms_remaining_messages.toLocaleString()} remaining`; document.getElementById('message').innerText = `${sms_sent.toLocaleString()} sent / ${sms_remaining_messages.toLocaleString()} remaining`;
// Calculate minimum width for "Messages Sent" as 1% of the total chart width // Calculate minimum width for "Messages Sent" as 1% of the total chart width
var minSentPercentage = 0.01; // Minimum width as a percentage of total messages (1% in this case) var minSentPercentage = 0.02; // Minimum width as a percentage of total messages (1% in this case)
var minSentValue = totalMessages * minSentPercentage; var minSentValue = totalMessages * minSentPercentage;
var displaySent = Math.max(sms_sent, minSentValue); var displaySent = Math.max(sms_sent, minSentValue);
var displayRemaining = totalMessages - displaySent; var displayRemaining = totalMessages - displaySent;

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

@@ -11,6 +11,10 @@ $failed: color('gray-cool-20');
} }
} }
#totalMessageChartContainer {
max-width: 600px;
}
.bar { .bar {
border-radius: units(0.5); border-radius: units(0.5);
&.delivered, &.usage { &.delivered, &.usage {

4
app/templates/views/dashboard/dashboard.html
View File

@@ -28,10 +28,6 @@
<div id="message"></div> <div id="message"></div>
</div> </div>
<div id="totalMessageTable" class="margin-0"></div> <div id="totalMessageTable" class="margin-0"></div>
<p class="align-with-heading-copy margin-bottom-4">
What counts as 1 text message part?<br />
See <a class="usa-link" href="{{ url_for('.pricing') }}">Tracking usage</a>.
</p>
<h2 class="line-height-sans-2 margin-bottom-0 margin-top-4"> <h2 class="line-height-sans-2 margin-bottom-0 margin-top-4">
Activity snapshot Activity snapshot