Set maximum width on more pages (#15)

Author: Katsute

src/manifest.json

@@ -4,7 +4,7 @@
     "name": "GitHub Center",
     "author": "Katsute",
     "description": "Center navigation on large viewports",
-    "version": "1.1",
+    "version": "2.0",
     "homepage_url": "https://github.com/KatsuteDev/GitHub-Center",
     "icons": {
         "16": "icon16.png",

src/style.css

@@ -1,8 +1,10 @@
 /* Copyright (C) 2024 Katsute <https://github.com/Katsute> */
 
 .AppHeader > div,
+body:not(.project-page) .application-main:not(:has(> div > projects-v2, > div > .feed-background)),
 #repository-container-header,
-body:not(.project-page, .full-width) #repo-content-turbo-frame > div:not(:has(> react-app[app-name="react-code-view"])) {
+#js-repo-pjax-container:not(:has(> projects-v2)),
+body:not(.project-page) #repo-content-turbo-frame > div {
 
     width: 100%;
     max-width: 1280px;
@@ -11,15 +13,16 @@ body:not(.project-page, .full-width) #repo-content-turbo-frame > div:not(:has(>
 
 }
 
-#repository-container-header > .container-xl,
-#repo-content-turbo-frame .container-xl {
+#repository-container-header > div,
+#repo-content-pjax-container > div,
+body:not(.project-page) #repo-content-turbo-frame > div:not(#repo-content-pjax-container) {
 
     padding-left: 16px !important;
     padding-right: 16px !important;
 
 }
 
-#repository-container-header > .container-xl > .border-bottom {
+#repository-container-header > div:last-child > div:last-child {
 
     margin: 0 !important;
 

test.js

@@ -4,11 +4,16 @@ const URL = "https://github.com/KatsuteDev/GitHub-Center";
 
 const selectors = [
     // `.AppHeader > div`, // requires login
+    `body:not(.project-page) .application-main:not(:has(> div > projects-v2, > div > .feed-background))`,
     `#repository-container-header`,
-    `body:not(.project-page, .full-width) #repo-content-turbo-frame > div:not(:has(> react-app[app-name="react-code-view"]))`,
-    // `#repository-container-header > .container-xl`, // requires login
-    `#repo-content-turbo-frame .container-xl`,
-    // `#repository-container-header > .container-xl > .border-bottom`, // requires login
+    `#js-repo-pjax-container:not(:has(> projects-v2))`,
+    `body:not(.project-page) #repo-content-turbo-frame > div`,
+
+    `#repository-container-header > div`,
+    `#repo-content-pjax-container > div`,
+    // `body:not(.project-page) #repo-content-turbo-frame > div:not(#repo-content-pjax-container)`, // uses turbo test case
+
+    // `#repository-container-header > div:last-child > div:last-child` // requires login
 ];
 
 (async () => {
@@ -27,6 +32,18 @@ const selectors = [
         }
     }
 
+    {
+        const s = `body:not(.project-page) #repo-content-turbo-frame > div:not(#repo-content-pjax-container)`;
+        try{ // test for turbo frame
+            await page.click(`#issues-tab`);
+            await page.waitForSelector(s, { timeout: 5000 });
+            console.info('✅', s);
+        }catch(e){
+            console.error('❌', s);
+            failed = true;
+        }
+    }
+
     await browser.close();
 
     failed && process.exit(1);