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

Put default spark-bar-bar css in table.scss file

Browse Source
This commit is contained in:
Ryan Ahearn
2023-03-08 09:17:31 -05:00
parent 73a3511ef2
commit bb77086342
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/stylesheets/components/table.scss
View File

@@ -446,3 +446,7 @@ a.table-show-more-link {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
.spark-bar-bar {
width: 100%;
}

12
app/templates/components/table.html
View File

@@ -183,17 +183,13 @@
id=None id=None
) %} ) %}
{% call field(align='right') %} {% call field(align='right') %}
<style nonce="{{ csp_nonce() }}"> {% if id %}
{% if id %} <style nonce="{{ csp_nonce() }}">
#{{id}} .spark-bar-bar { #{{id}} .spark-bar-bar {
width: {{ count / max_count * 100 }}%; width: {{ count / max_count * 100 }}%;
} }
{% else %} </style>
.spark-bar-bar { {% endif %}
width: 100%;
}
{% endif %}
</style>
<span {% if id %}id="{{ id }}"{% endif %} class="spark-bar"> <span {% if id %}id="{{ id }}"{% endif %} class="spark-bar">
<span class="spark-bar-bar"> <span class="spark-bar-bar">
{{ '{:,.0f}'.format(count) }} {{ '{:,.0f}'.format(count) }}