stwaidele/dorfteich
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 22 Wiki Activity

Quota override cell stays a table cell, flex on an inner wrapper (#329) #330

Merged
fable-5 merged 1 commits from 329-quota-override-cell-table-layout into main 2026-08-04 13:06:22 +02:00
Conversation 0 Commits 1 Files Changed 2 +20 -15
2 changed files with 20 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
apps/web/src/pages/QuotaManager.tsx
View File

@ -138,6 +138,10 @@ function QuotaRow({
<td>{t(`keys.${line.key}`)}</td> <td>{t(`keys.${line.key}`)}</td>
<td>{line.instanceDefault}</td> <td>{line.instanceDefault}</td>
<td className="quota-row__override"> <td className="quota-row__override">
{/* Flex lives on the inner div: a td with display:flex stops behaving
like a table cell and its bottom border no longer meets the row's
(same fix as the user list's actions cell, #177). */}
<div className="quota-row__override-inner">
<input <input
type="number" type="number"
min={0} min={0}
@ -153,6 +157,7 @@ function QuotaRow({
{t('overrides.clear')} {t('overrides.clear')}
</button> </button>
)} )}
</div>
</td> </td>
<td className="quota-row__effective">{line.effective}</td> <td className="quota-row__effective">{line.effective}</td>
<td className="quota-row__usage"> <td className="quota-row__usage">

2
apps/web/src/styles/base.css
View File

@ -3048,7 +3048,7 @@ ul[data-type='task_list'] li p:last-of-type {
margin-bottom: var(--space-2); margin-bottom: var(--space-2);
} }
.quota-row__override { .quota-row__override-inner {
display: flex; display: flex;
align-items: center; align-items: center;
gap: var(--space-2); gap: var(--space-2);