mikkel/nexus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Set inbox selection to fixed light gray

Browse source 
Co-Authored-By: Paperclip <noreply@paperclip.ing>
This commit is contained in:
dotta 2026-03-28 19:09:53 -05:00
parent 50577b8c63
commit 57357991e4
2 changed files with 3 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
ui/src/components/SwipeToArchive.test.tsx
View file

@ -136,7 +136,7 @@ describe("SwipeToArchive", () => {
const surface = container.querySelector("[data-inbox-row-surface]") as HTMLDivElement | null; const surface = container.querySelector("[data-inbox-row-surface]") as HTMLDivElement | null;
expect(surface).not.toBeNull(); expect(surface).not.toBeNull();
expect(surface?.style.backgroundColor).toBe("hsl(var(--muted))"); expect(surface?.style.backgroundColor).toBe("rgb(243, 244, 246)");
expect(surface?.style.boxShadow).toBe(""); expect(surface?.style.boxShadow).toBe("");
act(() => { act(() => {

3
ui/src/components/SwipeToArchive.tsx
View file

@ -13,6 +13,7 @@ interface SwipeToArchiveProps {
const COMMIT_THRESHOLD = 0.32; const COMMIT_THRESHOLD = 0.32;
const MAX_SWIPE = 0.88; const MAX_SWIPE = 0.88;
const COMMIT_DELAY_MS = 140; const COMMIT_DELAY_MS = 140;
const SELECTED_ROW_BACKGROUND = "#f3f4f6";
export function SwipeToArchive({ export function SwipeToArchive({
children, children,
@ -155,7 +156,7 @@ export function SwipeToArchive({
style={{ style={{
transform: `translate3d(${offsetX}px, 0, 0)`, transform: `translate3d(${offsetX}px, 0, 0)`,
transition: isDragging ? "none" : "transform 180ms ease-out", transition: isDragging ? "none" : "transform 180ms ease-out",
backgroundColor: selected ? "hsl(var(--muted))" : undefined, backgroundColor: selected ? SELECTED_ROW_BACKGROUND : undefined,
}} }}
> >
{children} {children}