Filip/playwright
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

remove text underlining

Browse source
This commit is contained in:
Simon Knott 2025-01-16 14:50:45 +01:00
parent 879ba72281
commit 13d89e45cb
No known key found for this signature in database
GPG key ID: 8CEDC00028084AEC
3 changed files with 3 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/html-reporter/src/links.tsx
View file

@ -85,7 +85,7 @@ export const AttachmentLink: React.FunctionComponent<{
)} )}
</span>} loadChildren={attachment.body ? () => { </span>} loadChildren={attachment.body ? () => {
return [<div key={1} className='attachment-body'><CopyToClipboard value={attachment.body!}/>{linkifyText(attachment.body!)}</div>]; return [<div key={1} className='attachment-body'><CopyToClipboard value={attachment.body!}/>{linkifyText(attachment.body!)}</div>];
} : undefined} depth={0} style={{ lineHeight: '32px' }} selected={isAnchored} flash={isAnchored ? searchParams : undefined}></TreeItem>; } : undefined} depth={0} style={{ lineHeight: '32px' }} flash={isAnchored ? searchParams : undefined}></TreeItem>;
}; };
export const SearchParamsContext = React.createContext<URLSearchParams>(new URLSearchParams(window.location.hash.slice(1))); export const SearchParamsContext = React.createContext<URLSearchParams>(new URLSearchParams(window.location.hash.slice(1)));

5
packages/html-reporter/src/treeItem.css
View file

@ -25,11 +25,6 @@
cursor: pointer; cursor: pointer;
} }
.tree-item-title.selected {
text-decoration: underline var(--color-underlinenav-icon);
text-decoration-thickness: 1.5px;
}
.tree-item-body { .tree-item-body {
min-height: 18px; min-height: 18px;
} }

5
packages/html-reporter/src/treeItem.tsx
View file

@ -38,14 +38,13 @@ export const TreeItem: React.FunctionComponent<{
onClick?: () => void, onClick?: () => void,
expandByDefault?: boolean, expandByDefault?: boolean,
depth: number, depth: number,
selected?: boolean,
style?: React.CSSProperties, style?: React.CSSProperties,
flash?: any flash?: any
}> = ({ title, loadChildren, onClick, expandByDefault, depth, selected, style, flash }) => { }> = ({ title, loadChildren, onClick, expandByDefault, depth, style, flash }) => {
const addFlashClass = useFlash(flash); const addFlashClass = useFlash(flash);
const [expanded, setExpanded] = React.useState(expandByDefault || false); const [expanded, setExpanded] = React.useState(expandByDefault || false);
return <div className={clsx('tree-item', addFlashClass && 'yellow-flash')} style={style}> return <div className={clsx('tree-item', addFlashClass && 'yellow-flash')} style={style}>
<span className={clsx('tree-item-title', selected && 'selected')} style={{ whiteSpace: 'nowrap', paddingLeft: depth * 22 + 4 }} onClick={() => { onClick?.(); setExpanded(!expanded); }} > <span className='tree-item-title' style={{ whiteSpace: 'nowrap', paddingLeft: depth * 22 + 4 }} onClick={() => { onClick?.(); setExpanded(!expanded); }} >
{loadChildren && !!expanded && icons.downArrow()} {loadChildren && !!expanded && icons.downArrow()}
{loadChildren && !expanded && icons.rightArrow()} {loadChildren && !expanded && icons.rightArrow()}
{!loadChildren && <span style={{ visibility: 'hidden' }}>{icons.rightArrow()}</span>} {!loadChildren && <span style={{ visibility: 'hidden' }}>{icons.rightArrow()}</span>}