fix: mf-5058 adjust wrapped article info bar (#10848)

packages/mask/src/site-adaptors/mirror.xyz/injection/Tips/adjustArticleInfoBar.ts

@@ -0,0 +1,15 @@
+function selector() {
+    const authorWallet = location.pathname.split('/')[1].toLowerCase()
+    return `#__next div:has(> div > a[href$="mirror.xyz/${authorWallet}" i] button[data-state] img[alt^="0x" i]) + div`
+}
+
+export function adjustArticleInfoBar(signal: AbortSignal) {
+    const node = document.querySelector<HTMLDivElement>(selector())
+    if (!node) return
+    const timer = setInterval(() => {
+        if (node.offsetWidth !== node.parentElement?.offsetWidth) return
+        node.style.justifyContent = 'flex-start'
+        clearInterval(timer)
+    }, 250)
+    signal.addEventListener('abort', () => clearInterval(timer))
+}

packages/mask/src/site-adaptors/mirror.xyz/injection/Tips/index.tsx

@@ -1,9 +1,11 @@
 import { injectOnMenu } from './MenuAuthorTipButton.js'
 import { injectOnVerification } from './PostVerification.js'
 import { injectTipsButtonOnProfile as injectOnProfile } from './ProfilePage.js'
+import { adjustArticleInfoBar } from './adjustArticleInfoBar.js'
 
 export function injectTips(signal: AbortSignal) {
     injectOnMenu(signal)
     injectOnProfile(signal)
     injectOnVerification(signal)
+    adjustArticleInfoBar(signal)
 }