diff --git a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss index bc5cd2b5c..049ea8b3e 100644 --- a/app/assets/sass/uswds/_uswds-theme-custom-styles.scss +++ b/app/assets/sass/uswds/_uswds-theme-custom-styles.scss @@ -259,6 +259,9 @@ td.table-empty-message { background: color("green-cool-40v"); display: flex; padding: units(1) units(2); + &--failing { + background: color("red-warm-50v"); + } } } .usa-table { diff --git a/app/templates/components/big-number.html b/app/templates/components/big-number.html index 5bf4baa08..52b0dadbe 100644 --- a/app/templates/components/big-number.html +++ b/app/templates/components/big-number.html @@ -39,7 +39,7 @@ {{ big_number(number, label, link=link, smaller=smaller, smallest=smallest) }} {% if show_failures %} - + {% if failures %} {% if failure_link %} diff --git a/app/templates/components/status-box.html b/app/templates/components/status-box.html index 1832fe1fd..5fbc5d78e 100644 --- a/app/templates/components/status-box.html +++ b/app/templates/components/status-box.html @@ -1,6 +1,6 @@ {% macro status_box(number, label, failing=false, percentage=None, url=None) %}
-
+
{% if url %} {{ number }} {{ label }} {% else %} diff --git a/tests/app/main/views/test_platform_admin.py b/tests/app/main/views/test_platform_admin.py index c27e3beda..7b3990901 100644 --- a/tests/app/main/views/test_platform_admin.py +++ b/tests/app/main/views/test_platform_admin.py @@ -735,7 +735,7 @@ def test_platform_admin_displays_stats_in_right_boxes_and_with_correct_styling( assert ( "1 technical failures" in page.find_all("div", class_="grid-col-6")[1] - .find("div", class_="big-number-status-failing") + .find("div", class_="big-number-status--failing") .text )