diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css index 48588b1..fb214c5 100644 --- a/expenses_manager/expenses/static/expenses/css/base.css +++ b/expenses_manager/expenses/static/expenses/css/base.css @@ -367,8 +367,23 @@ button[type="submit"]:hover, .filters-main { display: flex; flex-wrap: wrap; - gap: 0.5rem; align-items: center; + gap: 0.5rem; +} + +.filters-main select { + padding: 0.5rem 0.7rem; + font-family: inherit; + font-size: 0.95rem; + color: var(--color-text); + background: var(--color-surface); + border: 1px solid var(--color-border); + border-radius: 6px; +} + +.filters-main select:focus { + outline: 2px solid var(--color-focus-ring); + outline-offset: 1px; } .filters-advanced { @@ -826,17 +841,14 @@ tr:hover { transition: width 0.3s ease-in-out; } -.progress-fill.low, .progress-fill.danger { background-color: var(--color-danger-accent); } -.progress-fill.medium, .progress-fill.warning { background-color: var(--color-warning-accent); } -.progress-fill.high, .progress-fill.complete { background-color: var(--color-success-accent); } diff --git a/expenses_manager/expenses/templates/expenses/dashboard.html b/expenses_manager/expenses/templates/expenses/dashboard.html index 49df5a5..f9ff28b 100644 --- a/expenses_manager/expenses/templates/expenses/dashboard.html +++ b/expenses_manager/expenses/templates/expenses/dashboard.html @@ -428,11 +428,7 @@ aria-valuenow="{{ goal.percentage|unlocalize }}" aria-label="Progreso de {{ goal.name }}" aria-valuetext="{{ goal.progress|floatformat:1 }}€ de {{ goal.target_amount|floatformat:1 }}€ ({{ goal.percentage|floatformat:1 }}%)"> -
diff --git a/expenses_manager/expenses/templates/goals/list.html b/expenses_manager/expenses/templates/goals/list.html index 9806361..66a4ee8 100644 --- a/expenses_manager/expenses/templates/goals/list.html +++ b/expenses_manager/expenses/templates/goals/list.html @@ -9,57 +9,86 @@ {% block content %}| Nombre | -Tipo | -Progreso | -- | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| {{ goal.name }} | -- {{ goal.get_kind_display }} - {% if goal.kind == "budget" %} - ({{ goal.get_period_display|lower }}) - {% endif %} - | -
-
-
- {{ goal.progress|floatformat:1 }}€ / {{ goal.target_amount|floatformat:1 }}€
-
-
-
- {{ goal.percentage|floatformat:1 }}%
-
- {% if goal.is_exceeded %}
- Excedido
+
+ Nombre |
+ Tipo |
+ Progreso |
+
+ | {{ goal.name }} |
+
+ {{ goal.get_kind_display }}
+ {% if goal.kind == "budget" %}
+ ({{ goal.get_period_display|lower }})
{% endif %}
-
- |
+
+
+ |
-
+
+ {{ goal.progress|floatformat:1 }}€ / {{ goal.target_amount|floatformat:1 }}€
+
+
+
+ {{ goal.percentage|floatformat:1 }}%
+
+ {% if goal.is_exceeded %}
+ Excedido
+ {% endif %}
+
+
- Editar
- Eliminar
- |
-
+ Editar
+ Eliminar
+ |
+
+ {% empty %}
+
+ |
+ No hay objetivos + Añade el primero + | |||