fix: fix action trigger button (#844)

* fix:action-trigger-button * fix: action trigger button * fix:action trigger button
hypertrons · Jul 25, 2024 · 702fcbd · 702fcbd
1 parent 32c6369
commit 702fcbd
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 6 deletions.
diff --git a/src/pages/ContentScripts/components/NativePopover.tsx b/src/pages/ContentScripts/components/NativePopover.tsx
@@ -13,13 +13,12 @@ interface NativePopoverProps extends PropsWithChildren<any> {
 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
@@ -11,8 +11,8 @@ interface OpenRankProps {
 const View: React.FC<OpenRankProps> = ({ 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 (
     <div className={`hypercrx-openrank-info ${theme}`} data-developer-name={developerName}>
@@ -24,7 +24,15 @@ const View: React.FC<OpenRankProps> = ({ developerName, openrank }) => {
           src={theme === 'light' ? rocketLight : rocketDark}
           alt=""
         />
-        <span style={{ display: 'inline-block', verticalAlign: 'middle', color: textColor, fontSize: fontSize }}>
+        <span
+          style={{
+            display: 'inline-block',
+            verticalAlign: 'middle',
+            lineHeight: '1.25 !important ',
+            color: textColor,
+            fontSize: fontSize,
+          }}
+        >
           OpenRank {openrank}
         </span>
       </div>