danvics/openreader
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style(ui): adjust sidebar hover effects and document skeleton timeout

Browse source 
Update FinderSidebar to remove background color on inactive hover for
improved visual clarity. Extend the DocumentSkeleton warning timeout to
10 seconds to allow more time before displaying the alert. Refine test
description for icons grid layout to clarify auto-fit behavior.
This commit is contained in:
Richard R 2026-05-29 21:49:13 -06:00
parent e62923fb91
commit 503319d46e
3 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/doclist/window/FinderSidebar.tsx
View file

@ -59,7 +59,7 @@ function SidebarRow({
'group w-full flex items-center gap-2 px-2 py-1 rounded-md text-[12px] border transform transition-all duration-200 ease-out text-left hover:scale-[1.01] ' +
(active
? 'border-accent bg-offbase text-accent'
: 'border-transparent text-foreground hover:border-accent hover:bg-offbase hover:text-accent') +
: 'border-transparent bg-transparent text-foreground hover:border-accent hover:text-accent') +
(isDropTarget ? ' ring-1 ring-accent' : '')
}
>

2
src/components/documents/DocumentSkeleton.tsx
View file

@ -8,7 +8,7 @@ export function DocumentSkeleton() {
icon: '⚠️',
duration: 5000,
});
}, 3000);
}, 10000);
return () => clearTimeout(timer);
}, []);

2
tests/unit/icons-grid.spec.ts
View file

@ -8,7 +8,7 @@ test.describe('icons grid layout', () => {
expect(maxColumnsForIconGrid('md', 1000)).toBe(6);
});
test('keeps fill behavior when single-row suppression is off', () => {
test('uses auto-fit by default when single-row suppression is off', () => {
const style = iconsGridStyle('md', 4);
expect(style.gridTemplateColumns).toContain('repeat(auto-fit');
expect(style.gridTemplateColumns).toContain('1fr');