Styling update to fix broken link when status is failing

This commit is contained in:
Jonathan Bobel
2023-09-18 12:14:28 -04:00
parent c00f769e44
commit 594e1095f7
3 changed files with 5 additions and 2 deletions

View File

@@ -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 {

View File

@@ -39,7 +39,7 @@
<span class="big-number-with-status">
{{ big_number(number, label, link=link, smaller=smaller, smallest=smallest) }}
{% if show_failures %}
<span class="big-number-status{% if danger_zone %}-failing{% endif %}">
<span class="big-number-status{% if danger_zone %} big-number-status--failing{% endif %}">
{% if failures %}
{% if failure_link %}
<a class="usa-link" href="{{ failure_link }}">

View File

@@ -1,6 +1,6 @@
{% macro status_box(number, label, failing=false, percentage=None, url=None) %}
<div class="big-number-with-status">
<div class="big-number-status{% if failing %}-failing{% endif %}">
<div class="big-number-status{% if failing %} big-number-status--failing{% endif %}">
{% if url %}
<a class="usa-link" href="{{ url }}">{{ number }} {{ label }}</a>
{% else %}