rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

refactor(dev-only): fixed link item bubble bg color and text

Browse Source
This commit is contained in:
Aman Harwara
2022-12-24 23:01:13 +05:30
parent 6090962b2c
commit d7eb43401a
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/web/src/javascripts/Components/FilesTableView/FilesTableView.tsx
View File

@@ -238,9 +238,9 @@ const FilesTableView = ({ application, filesController, featuresController, link
}
return (
<div className="flex items-center gap-2">
<div className="flex items-center gap-2 overflow-hidden">
<LinkedItemBubble
className="overflow-hidden"
className="overflow-hidden border border-transparent hover:border-border focus:border-info focus:shadow-none"
link={links[0]}
key={links[0].id}
unlinkItem={async (itemToUnlink) => {
@@ -248,7 +248,7 @@ const FilesTableView = ({ application, filesController, featuresController, link
}}
isBidirectional={false}
/>
{links.length > 1 && <span>and {links.length - 1} more...</span>}
{links.length - 1 > 1 && <span>and {links.length - 1} more...</span>}
</div>
)
},

2
packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx
View File

@@ -100,7 +100,7 @@ const LinkedItemBubble = ({
<button
ref={ref}
className={classNames(
'group h-6 cursor-pointer items-center rounded border-0 bg-passive-4-opacity-variant py-2 pl-1 pr-2 text-sm',
'group h-6 cursor-pointer items-center rounded bg-passive-4-opacity-variant py-2 pl-1 pr-2 text-sm',
'text-text hover:bg-contrast focus:bg-contrast lg:text-xs',
inlineFlex ? 'inline-flex' : 'flex',
className,