aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorJoris2022-09-04 11:31:07 +0200
committerJoris2022-09-04 11:31:07 +0200
commit7c5a31a162eb6664eff665e0cfadc089188a5e8f (patch)
tree6ba3a21da0cce8a3ae76e00ed0918f20c62403d2 /templates
parentd8e39e49d32502a39c1097e2a4ee9354f321220a (diff)
Remove inline styling for category colors
Also stop changing color of select options, because it does not work reliably accross browsers.
Diffstat (limited to 'templates')
-rw-r--r--templates/category/table.html3
-rw-r--r--templates/payment/create.html1
-rw-r--r--templates/payment/table.html10
-rw-r--r--templates/payment/table/search.html1
-rw-r--r--templates/payment/update.html1
5 files changed, 8 insertions, 8 deletions
diff --git a/templates/category/table.html b/templates/category/table.html
index e05c84b..d4147aa 100644
--- a/templates/category/table.html
+++ b/templates/category/table.html
@@ -27,7 +27,8 @@
>
<span
class="g-Table__Cell"
- style="color: {{ category.color }}"
+ is="colored-category"
+ data-color="{{ category.color }}"
>
{{ category.name }}
</span>
diff --git a/templates/payment/create.html b/templates/payment/create.html
index 9af68b6..4ac73de 100644
--- a/templates/payment/create.html
+++ b/templates/payment/create.html
@@ -88,7 +88,6 @@
{% for category in categories %}
<option
value="{{ category.id }}"
- style="color: {{ category.color }}"
{% if "" ~ category.id == category_id %} selected {% endif %}
>
{{ category.name }}
diff --git a/templates/payment/table.html b/templates/payment/table.html
index fc69b2d..450d84b 100644
--- a/templates/payment/table.html
+++ b/templates/payment/table.html
@@ -81,10 +81,12 @@
{{ payment.cost | euros() }}
</span>
<span class="g-Table__Cell">{{ payment.user }}</span>
- <span class="g-Table__Cell g-Media__Large">
- <span style="color: {{ payment.category_color }}">
- {{ payment.category_name }}
- </span>
+ <span
+ class="g-Table__Cell g-Media__Large"
+ is="colored-category"
+ data-color="{{ payment.category_color }}"
+ >
+ {{ payment.category_name }}
</span>
{% if query.frequency != "Monthly" %}
<span class="g-Table__Cell">
diff --git a/templates/payment/table/search.html b/templates/payment/table/search.html
index 0ae2589..9fedb78 100644
--- a/templates/payment/table/search.html
+++ b/templates/payment/table/search.html
@@ -53,7 +53,6 @@
{% for category in categories %}
<option
value="{{ category.id }}"
- style="color: {{ category.color }}"
{% if category.id == query.category %} selected {% endif %}
>
{{ category.name }}
diff --git a/templates/payment/update.html b/templates/payment/update.html
index 07549de..22a4d01 100644
--- a/templates/payment/update.html
+++ b/templates/payment/update.html
@@ -97,7 +97,6 @@
{% for category in categories %}
<option
value="{{ category.id }}"
- style="color: {{ category.color }}"
{% if "" ~ category.id == category_id %} selected {% endif %}
>
{{ category.name }}