From cb40cded398eec7de33d1af7eeb90da34bac5d8f Mon Sep 17 00:00:00 2001
From: EnixCoda <enixcoda@gmail.com>
Date: Wed, 26 Apr 2023 23:49:37 +0800
Subject: [PATCH] feat: support the global navigation feature

---
 src/platforms/GitHub/DOMHelper.ts | 5 ++++-
 src/styles/index.scss             | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/platforms/GitHub/DOMHelper.ts b/src/platforms/GitHub/DOMHelper.ts
index c4b537a..eab9846 100644
--- a/src/platforms/GitHub/DOMHelper.ts
+++ b/src/platforms/GitHub/DOMHelper.ts
@@ -21,8 +21,11 @@ export function resolveMeta(): Partial<MetaData> {
 export function isInRepoPage() {
   const repoHeadSelector = '.repohead' // legacy
   const authorNameSelector = '.author[itemprop="author"]'
+  const globalNavigationSelectors = '.AppHeader-context-item[data-hovercard-type="user"]'
   return Boolean(
-    document.querySelector(repoHeadSelector) || document.querySelector(authorNameSelector),
+    document.querySelector(
+      [repoHeadSelector, authorNameSelector, globalNavigationSelectors].join(),
+    ),
   )
 }
 
diff --git a/src/styles/index.scss b/src/styles/index.scss
index 30b4e56..fab00d7 100644
--- a/src/styles/index.scss
+++ b/src/styles/index.scss
@@ -41,7 +41,9 @@ $minimal-z-index: max(
 }
 
 html[data-with-gitako-spacing='true'] {
-  body {
+  body,
+  .AppHeader deferred-side-panel div[data-modal-dialog-overlay] // side panel opened via clicking github top-left icon in global navigation mode
+  {
     @media screen {
       margin-left: var(--gitako-width);
     }