web-ui: hide spurious horizontal scrollbar on case documents list
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 3m3s

The list's scroll container had only overflow-y:auto, which CSS computes
overflow-x to auto too. Combined with the row's -mx-2 hover-background
extension, this surfaced an unwanted horizontal scrollbar.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-03 07:52:41 +00:00
parent e849285806
commit a6edb75bbf

View File

@@ -359,7 +359,7 @@ export function DocumentsPanel({
</div> </div>
)} )}
<div className="max-h-[70vh] overflow-y-auto" dir="rtl"> <div className="max-h-[70vh] overflow-y-auto overflow-x-hidden" dir="rtl">
<ul className="divide-y divide-rule" dir="rtl"> <ul className="divide-y divide-rule" dir="rtl">
{sorted.map((doc) => ( {sorted.map((doc) => (
<DocumentRow key={doc.id} doc={doc} caseNumber={caseNumber} /> <DocumentRow key={doc.id} doc={doc} caseNumber={caseNumber} />