Skip to content

C
coopwire-hypothesis
Commit 6713383b authored by Alejandro Celaya's avatar Alejandro Celaya Committed by Alejandro Celaya
Browse files
Options

Set 80% opacity to pending updates icon

parent fc26c2bd
Hide whitespace changes
Inline Side-by-side
Showing with 1 addition and 1 deletion
src/sidebar/components/PendingUpdatesNotification.tsx
View file @ 6713383b
...@@ -67,12 +67,12 @@ function PendingUpdatesNotification({ ...@@ -67,12 +67,12 @@ function PendingUpdatesNotification({
'flex gap-1.5 items-center py-1 px-2', 'flex gap-1.5 items-center py-1 px-2',
'rounded shadow-lg bg-gray-900 text-white', 'rounded shadow-lg bg-gray-900 text-white',
)} )}
icon={DownloadIcon}
onMouseEnter={() => setCollapsed(false)} onMouseEnter={() => setCollapsed(false)}
onFocus={() => setCollapsed(false)} onFocus={() => setCollapsed(false)}
onMouseLeave={() => !timeout.current && setCollapsed(true)} onMouseLeave={() => !timeout.current && setCollapsed(true)}
onBlur={() => !timeout.current && setCollapsed(true)} onBlur={() => !timeout.current && setCollapsed(true)}
> >
<DownloadIcon className="w-em h-em opacity-80" />
{!collapsed && ( {!collapsed && (
<span data-testid="full-notification" className="whitespace-nowrap"> <span data-testid="full-notification" className="whitespace-nowrap">
Load <span className="font-bold">{pendingUpdateCount}</span>{' '} Load <span className="font-bold">{pendingUpdateCount}</span>{' '}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment