chore: lint
This commit is contained in:
@@ -28,13 +28,13 @@ const CollaborationInfoHUD: FunctionComponent<Props> = ({ item }) => {
|
||||
|
||||
return (
|
||||
<div className="flex flex-wrap items-start gap-2">
|
||||
<div title="Vault name" className={'flex rounded bg-success py-1 px-1.5 text-success-contrast'}>
|
||||
<div title="Vault name" className={'flex rounded bg-success px-1.5 py-1 text-success-contrast'}>
|
||||
<Icon ariaLabel="Shared in vault" type="safe-square" className="mr-1 text-info-contrast" size="medium" />
|
||||
<span className="mr-auto overflow-hidden text-ellipsis text-xs">{vault.name}</span>
|
||||
</div>
|
||||
|
||||
{lastEditedBy && (
|
||||
<div title="Last edited by" className={'flex rounded bg-info py-1 px-1.5 text-info-contrast'}>
|
||||
<div title="Last edited by" className={'flex rounded bg-info px-1.5 py-1 text-info-contrast'}>
|
||||
<Icon ariaLabel="Shared by" type="pencil" className="mr-1 text-info-contrast" size="medium" />
|
||||
<span className="mr-auto overflow-hidden text-ellipsis text-xs">{lastEditedBy?.name}</span>
|
||||
</div>
|
||||
|
||||
@@ -121,7 +121,7 @@ export const DiffView = ({
|
||||
))}
|
||||
</pre>
|
||||
{hasOverflow && (
|
||||
<div className="absolute top-0 right-0 z-[-1] h-full w-[19px] border-l border-border" ref={setDiffVisualizer} />
|
||||
<div className="absolute right-0 top-0 z-[-1] h-full w-[19px] border-l border-border" ref={setDiffVisualizer} />
|
||||
)}
|
||||
</div>
|
||||
)
|
||||
|
||||
@@ -194,11 +194,11 @@ const NoteConflictResolutionModal = ({
|
||||
ref={setSelectAnchor}
|
||||
render={
|
||||
<ToolbarItem
|
||||
className="relative rounded rounded-l-none bg-info py-1.5 px-3 ring-info hover:brightness-110 focus:ring-0 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-default focus-visible:brightness-110"
|
||||
className="relative rounded rounded-l-none bg-info px-3 py-1.5 ring-info hover:brightness-110 focus:ring-0 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-default focus-visible:brightness-110"
|
||||
disabled={isPerformingAction}
|
||||
>
|
||||
<SelectArrow className="block rotate-180" />
|
||||
<div className="absolute top-0 left-0 h-full w-[2px] bg-info brightness-[.85]" />
|
||||
<div className="absolute left-0 top-0 h-full w-[2px] bg-info brightness-[.85]" />
|
||||
</ToolbarItem>
|
||||
}
|
||||
store={selectStore}
|
||||
@@ -342,7 +342,7 @@ const NoteConflictResolutionModal = ({
|
||||
<div className="relative rounded-full p-1 hover:bg-contrast">
|
||||
<Icon type={shouldSyncComparisonScroll ? 'link' : 'link-off'} className="text-neutral" />
|
||||
<Checkbox
|
||||
className="absolute top-0 left-0 right-0 bottom-0 cursor-pointer opacity-0"
|
||||
className="absolute bottom-0 left-0 right-0 top-0 cursor-pointer opacity-0"
|
||||
checked={shouldSyncComparisonScroll}
|
||||
onChange={() => setShouldSyncComparisonScroll((shouldSync) => !shouldSync)}
|
||||
/>
|
||||
|
||||
@@ -42,8 +42,8 @@ const IndicatorWithTooltip = ({
|
||||
id={ElementIds.NoteStatusTooltip}
|
||||
className={classNames(
|
||||
isTooltipVisible ? '' : 'hidden',
|
||||
'absolute top-full right-0 min-w-[90vw] translate-x-2 translate-y-1 select-none rounded border border-border',
|
||||
'bg-default py-1.5 px-3 text-left peer-hover:block peer-focus:block md:min-w-max',
|
||||
'absolute right-0 top-full min-w-[90vw] translate-x-2 translate-y-1 select-none rounded border border-border',
|
||||
'bg-default px-3 py-1.5 text-left peer-hover:block peer-focus:block md:min-w-max',
|
||||
)}
|
||||
>
|
||||
{children}
|
||||
|
||||
@@ -979,7 +979,7 @@ class NoteView extends AbstractComponent<NoteViewProps, State> {
|
||||
>
|
||||
{editorMode === 'component' && this.state.editorComponentViewer && (
|
||||
<div className="component-view relative flex-grow">
|
||||
{this.state.paneGestureEnabled && <div className="absolute top-0 left-0 h-full w-[20px] md:hidden" />}
|
||||
{this.state.paneGestureEnabled && <div className="absolute left-0 top-0 h-full w-[20px] md:hidden" />}
|
||||
<IframeFeatureView
|
||||
key={this.state.editorComponentViewer.identifier}
|
||||
componentViewer={this.state.editorComponentViewer}
|
||||
|
||||
@@ -41,7 +41,7 @@ const NoteViewFileDropTarget = ({ note, linkingController, noteViewElement, file
|
||||
|
||||
return isDraggingFiles ? (
|
||||
// Required to block drag events to editor iframe
|
||||
<div id="file-drag-iframe-overlay" className="absolute top-0 left-0 z-dropdown-menu h-full w-full" />
|
||||
<div id="file-drag-iframe-overlay" className="absolute left-0 top-0 z-dropdown-menu h-full w-full" />
|
||||
) : null
|
||||
}
|
||||
|
||||
|
||||
@@ -115,7 +115,7 @@ export const ReadonlyNoteContent = ({
|
||||
onScroll={onScroll}
|
||||
/>
|
||||
) : (
|
||||
<div className="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-passive-0">
|
||||
<div className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 text-passive-0">
|
||||
Empty note.
|
||||
</div>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user