rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions 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 ( return (
<div className="flex items-center gap-2"> <div className="flex items-center gap-2 overflow-hidden">
<LinkedItemBubble <LinkedItemBubble
className="overflow-hidden" className="overflow-hidden border border-transparent hover:border-border focus:border-info focus:shadow-none"
link={links[0]} link={links[0]}
key={links[0].id} key={links[0].id}
unlinkItem={async (itemToUnlink) => { unlinkItem={async (itemToUnlink) => {
@@ -248,7 +248,7 @@ const FilesTableView = ({ application, filesController, featuresController, link
}} }}
isBidirectional={false} isBidirectional={false}
/> />
{links.length > 1 && <span>and {links.length - 1} more...</span>} {links.length - 1 > 1 && <span>and {links.length - 1} more...</span>}
</div> </div>
) )
}, },

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

@@ -100,7 +100,7 @@ const LinkedItemBubble = ({
<button <button
ref={ref} ref={ref}
className={classNames( 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', 'text-text hover:bg-contrast focus:bg-contrast lg:text-xs',
inlineFlex ? 'inline-flex' : 'flex', inlineFlex ? 'inline-flex' : 'flex',
className, className,