xmj/element-call
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Make tooltips look more like Element Web's

Browse source 
The only thing they're missing now is animated fading.
This commit is contained in:
Robin Townsend 2022-09-26 20:17:37 -04:00
commit d90a837714
2 changed files with 4 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/Tooltip.module.css
View file

@ -3,10 +3,12 @@
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
padding: 8px 10px; padding: 10px;
color: var(--primary-content); color: var(--primary-content);
border-radius: 8px; border-radius: 8px;
max-width: 135px; max-width: 135px;
width: max-content; width: max-content;
font-size: 12px;
font-weight: 500;
text-align: center; text-align: center;
} }

2
src/Tooltip.tsx
View file

@ -86,7 +86,7 @@ export const TooltipTrigger = forwardRef<HTMLElement, TooltipTriggerProps>(
targetRef: triggerRef, targetRef: triggerRef,
overlayRef, overlayRef,
isOpen: tooltipState.isOpen, isOpen: tooltipState.isOpen,
offset: 5, offset: 12,
}); });
return ( return (