diff --git a/src/pages/ContentScripts/components/NativePopover.tsx b/src/pages/ContentScripts/components/NativePopover.tsx index d55e90f1..4e551147 100644 --- a/src/pages/ContentScripts/components/NativePopover.tsx +++ b/src/pages/ContentScripts/components/NativePopover.tsx @@ -13,13 +13,12 @@ interface NativePopoverProps extends PropsWithChildren { export const NativePopover = ({ anchor, width, arrowPosition, children }: NativePopoverProps): JSX.Element => { useEffect(() => { (async () => { - await elementReady('div.Popover'); + await elementReady('div.Popover.js-hovercard-content'); await elementReady('div.Popover-message'); - const $popoverContainer = $('div.Popover'); + const $popoverContainer = $('div.Popover.js-hovercard-content'); const $popoverContent = $('div.Popover-message'); let popoverTimer: NodeJS.Timeout | null = null; let leaveTimer: NodeJS.Timeout | null = null; - const showPopover = () => { popoverTimer = setTimeout(() => { const anchorOffset = anchor.offset(); diff --git a/src/pages/ContentScripts/features/developer-hovercard-info/view.tsx b/src/pages/ContentScripts/features/developer-hovercard-info/view.tsx index 7c317137..5193cf73 100644 --- a/src/pages/ContentScripts/features/developer-hovercard-info/view.tsx +++ b/src/pages/ContentScripts/features/developer-hovercard-info/view.tsx @@ -11,8 +11,8 @@ interface OpenRankProps { const View: React.FC = ({ developerName, openrank }) => { const theme = getGithubTheme() as 'light' | 'dark'; - const textColor = theme === 'light' ? '#717981' : '#878f98'; - const fontSize = '13px'; + const textColor = theme === 'light' ? '#636c76' : '#8d96a0'; + const fontSize = '12px'; return (
@@ -24,7 +24,15 @@ const View: React.FC = ({ developerName, openrank }) => { src={theme === 'light' ? rocketLight : rocketDark} alt="" /> - + OpenRank {openrank}