jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

change(ui) - underline the clickbale console item

Browse source
This commit is contained in:
Shekar Siri 2022-11-15 19:44:14 +01:00
parent eed52a47ed
commit 618b4693f7
2 changed files with 15 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx
View file

@ -32,7 +32,7 @@ function ConsoleRow(props: Props) {
info: !log.isYellow() && !log.isRed(),
warn: log.isYellow(),
error: log.isRed(),
'cursor-pointer': clickable,
'cursor-pointer underline decoration-dotted decoration-gray-200': clickable,
}
)}
onClick={

26
frontend/app/components/shared/DevTools/JumpButton/JumpButton.tsx
View file

@ -8,18 +8,20 @@ interface Props {
function JumpButton(props: Props) {
const { tooltip = '' } = props;
return (
<Tooltip title={tooltip} disabled={!!tooltip}>
<div
className="mr-2 border cursor-pointer invisible group-hover:visible rounded-lg bg-active-blue text-xs flex items-center px-2 py-1 color-teal absolute right-0 top-0 bottom-0 hover:shadow h-6 my-auto"
onClick={(e: any) => {
e.stopPropagation();
props.onClick();
}}
>
<Icon name="caret-right-fill" size="12" color="teal" />
<span>JUMP</span>
</div>
</Tooltip>
<div className="absolute right-0 top-0 bottom-0 my-auto flex items-center">
<Tooltip title={tooltip} disabled={!!tooltip}>
<div
className="mr-2 border cursor-pointer invisible group-hover:visible rounded-lg bg-active-blue text-xs flex items-center px-2 py-1 color-teal hover:shadow h-6"
onClick={(e: any) => {
e.stopPropagation();
props.onClick();
}}
>
<Icon name="caret-right-fill" size="12" color="teal" />
<span>JUMP</span>
</div>
</Tooltip>
</div>
);
}