luzifer/accounting
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix: Amount column too small to enter number

Browse source 
Signed-off-by: Knut Ahlers <knut@ahlers.me>
This commit is contained in:
Knut Ahlers 2024-01-19 00:21:13 +01:00
parent def162cd84
commit e66a730570
Signed by: luzifer
SSH key fingerprint: SHA256:/xtE5lCgiRDQr8SLxHMS92ZBlACmATUmF1crK16Ks4E
2 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/components/accountOverview.vue
View file

@ -79,7 +79,7 @@
Category Category
</th> </th>
<th>Description</th> <th>Description</th>
<th class="minimized-column text-end"> <th class="minimized-amount text-end">
Amount Amount
</th> </th>
<th class="minimized-column"> <th class="minimized-column">
@ -160,7 +160,7 @@
{{ accountIdToName[tx.category] }} {{ accountIdToName[tx.category] }}
</td> </td>
<td>{{ tx.description }}</td> <td>{{ tx.description }}</td>
<td :class="{'minimized-column text-end': true, 'text-danger': tx.amount < 0}"> <td :class="{'minimized-amount text-end': true, 'text-danger': tx.amount < 0}">
{{ formatNumber(tx.amount) }} € {{ formatNumber(tx.amount) }} €
</td> </td>
<td> <td>

6
frontend/style.scss
View file

@ -12,4 +12,10 @@ $fa-font-path: "../node_modules/@fortawesome/fontawesome-free/webfonts";
.minimized-column { .minimized-column {
width: 0.1%; width: 0.1%;
white-space: nowrap; white-space: nowrap;
}
.minimized-amount {
min-width: 150px;
width: 0.1%;
white-space: nowrap;
} }