Commit 9eea0434 authored by Alejandro Celaya's avatar Alejandro Celaya Committed by Alejandro Celaya

Adjust pending updates notification alignment

parent e2e65a67
...@@ -154,7 +154,7 @@ function SidebarTabs({ ...@@ -154,7 +154,7 @@ function SidebarTabs({
'space-y-3 pb-[9px]', 'space-y-3 pb-[9px]',
)} )}
> >
<div className="flex gap-x-6 theme-clean:ml-[15px]" role="tablist"> <div className="flex gap-x-6 theme-clean:ml-[15px] mt-1" role="tablist">
<Tab <Tab
count={annotationCount} count={annotationCount}
isWaitingToAnchor={isWaitingToAnchorAnnotations} isWaitingToAnchor={isWaitingToAnchorAnnotations}
......
import classnames from 'classnames';
import { useEffect, useRef } from 'preact/hooks'; import { useEffect, useRef } from 'preact/hooks';
import { tabForAnnotation } from '../helpers/tabs'; import { tabForAnnotation } from '../helpers/tabs';
...@@ -146,7 +147,15 @@ function SidebarView({ ...@@ -146,7 +147,15 @@ function SidebarView({
)} )}
{!hasContentError && <SidebarTabs isLoading={isLoading} />} {!hasContentError && <SidebarTabs isLoading={isLoading} />}
{pendingUpdatesNotification && ( {pendingUpdatesNotification && (
<div className="fixed z-1 right-2 top-12"> <div
className={classnames(
'fixed z-1',
// Setting 9px to the right instead of some standard tailwind size,
// so that it matches the padding of the sidebar's container.
// DEFAULT `.container` padding is defined in tailwind.conf.mjs
'right-[9px] top-12',
)}
>
<PendingUpdatesNotification /> <PendingUpdatesNotification />
</div> </div>
)} )}
......
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