idanoo/autobrr
1
0
Fork 0
mirror of https://github.com/idanoo/autobrr synced 2025-07-23 16:59:12 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(web): tooltips (#519)

Browse source 
fix: fixed broken wrapping in tooltip child elements (missed last letter)
enhancement: increased line height for tooltip child cells in case of wrapping for clearer text
enhancement: renamed filter rejections from `Filter` to `Rejected` in tooltips
chore: changed remaining purple highlights to blue.

Co-authored-by: anonymous <anonymous>
This commit is contained in:
stacksmash76 2022-11-03 00:44:40 +01:00 • committed by GitHub
parent 547b01a50d
commit e7222504d6
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 6 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

8
web/src/components/data-table/Cells.tsx
View file

@ -27,7 +27,7 @@ export const TitleCell = ({ value }: CellProps) => (
label={value} label={value}
maxWidth="max-w-[90vw]" maxWidth="max-w-[90vw]"
> >
<span className="whitespace-pre-wrap break-word"> <span className="whitespace-pre-wrap break-words">
{value} {value}
</span> </span>
</Tooltip> </Tooltip>
@ -114,10 +114,10 @@ const CellLine = ({ title, children }: { title: string; children?: string; }) =>
return null; return null;
return ( return (
<div className="mt-1"> <div className="mt-0.5">
<span className="font-bold">{title}</span> <span className="font-bold">{title}</span>
{": "} {": "}
<span className="whitespace-pre-wrap break-word leading-4">{children}</span> <span className="whitespace-pre-wrap break-words leading-5">{children}</span>
</div> </div>
); );
}; };
@ -142,7 +142,7 @@ export const ReleaseStatusCell = ({ value }: ReleaseStatusCellProps) => (
<CellLine title="Filter">{v.filter}</CellLine> <CellLine title="Filter">{v.filter}</CellLine>
<CellLine title="Time">{simplifyDate(v.timestamp)}</CellLine> <CellLine title="Time">{simplifyDate(v.timestamp)}</CellLine>
{v.rejections.length ? ( {v.rejections.length ? (
<CellLine title="Filter"> <CellLine title="Rejected">
{v.rejections.toString()} {v.rejections.toString()}
</CellLine> </CellLine>
) : null} ) : null}

4
web/src/screens/filters/details.tsx
View file

@ -69,8 +69,8 @@ function TabNavLink({ item }: NavLinkProps) {
to={item.href} to={item.href}
end end
className={({ isActive }) => classNames( className={({ isActive }) => classNames(
"text-gray-500 hover:text-purple-600 dark:hover:text-white hover:border-purple-600 dark:hover:border-blue-500 whitespace-nowrap py-4 px-1 font-medium text-sm", "text-gray-500 hover:text-blue-600 dark:hover:text-white hover:border-blue-600 dark:hover:border-blue-500 whitespace-nowrap py-4 px-1 font-medium text-sm",
isActive ? "border-b-2 border-purple-600 dark:border-blue-500 text-purple-600 dark:text-white" : "" isActive ? "border-b-2 border-blue-600 dark:border-blue-500 text-blue-600 dark:text-white" : ""
)} )}
aria-current={splitLocation[2] === item.href ? "page" : undefined} aria-current={splitLocation[2] === item.href ? "page" : undefined}
> >