diff --git a/expenses_manager/expenses/static/expenses/css/base.css b/expenses_manager/expenses/static/expenses/css/base.css index 3def732..60255bc 100644 --- a/expenses_manager/expenses/static/expenses/css/base.css +++ b/expenses_manager/expenses/static/expenses/css/base.css @@ -483,4 +483,39 @@ tbody tr:hover { margin: 0; font-size: 0.9em; color: #666; +} + +.tag-chip-list { + display: flex; + flex-wrap: wrap; + gap: 8px; + margin: 8px 0; + max-height: 160px; + overflow-y: auto; + padding: 8px; + border: 1px solid #ddd; + border-radius: 8px; +} + +.tag-chip { + display: inline-flex; + align-items: center; + gap: 4px; + padding: 4px 10px; + border: 1px solid #ccc; + border-radius: 16px; + font-size: 0.85em; + cursor: pointer; + user-select: none; + background-color: #fafafa; +} + +.tag-chip input[type="checkbox"] { + accent-color: #1e7e34; +} + +.tag-chip:has(input:checked) { + background-color: #e6f4ea; + border-color: #1e7e34; + color: #1e7e34; } \ No newline at end of file diff --git a/expenses_manager/expenses/templates/expenses/expense_form.html b/expenses_manager/expenses/templates/expenses/expense_form.html index e2fe7e5..090e5d5 100644 --- a/expenses_manager/expenses/templates/expenses/expense_form.html +++ b/expenses_manager/expenses/templates/expenses/expense_form.html @@ -19,7 +19,33 @@