Add new CSS selector to fix some JS-based page loads

Author: xthexder

build/wide-github.user.css

@@ -10,7 +10,7 @@
 @contributor  Robert Laverty (https://github.com/roblav96)
 @contributor  Amir Meimari (https://github.com/amirmeimari)
 @license      MIT; https://raw.githubusercontent.com/xthexder/wide-github/master/LICENSE
-@version      1.6.4
+@version      1.6.5
 @homepageURL  https://github.com/xthexder/wide-github
 @supportURL   https://github.com/xthexder/wide-github/issues
 ==/UserStyle== */
@@ -32,6 +32,10 @@
   body:not(.wgh-disabled) .Layout-main div[style="--sticky-pane-height: 100vh;"] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-']:nth-child(2) {
     max-width: none;
   }
+  /* Alternative match for above to handle JS-loaded vs full refresh pages */
+  body:not(.wgh-disabled) .Layout-main div[style="--sticky-pane-height:100vh"] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-']:nth-child(2) {
+    max-width: none;
+  }
   body:not(.wgh-disabled) .Layout-main div[data-selector="repos-split-pane-content"] {
     max-width: none;
   }

build/wide-github.user.js

@@ -12,7 +12,7 @@
 // @contributor Robert Laverty (https://github.com/roblav96)
 // @contributor Amir Meimari (https://github.com/amirmeimari)
 // @license     MIT; https://raw.githubusercontent.com/xthexder/wide-github/master/LICENSE
-// @version     1.6.4
+// @version     1.6.5
 // @icon        https://raw.githubusercontent.com/xthexder/wide-github/master/icons/icon.png
 // @homepageURL https://github.com/xthexder/wide-github
 // @supportURL  https://github.com/xthexder/wide-github/issues
@@ -37,6 +37,10 @@ var styleSheet = "" +
 "body:not(.wgh-disabled) .Layout-main div[style=\"--sticky-pane-height: 100vh;\"] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-']:nth-child(2) {" +
   "max-width: none;" +
 "}" +
+// Alternative match for above to handle JS-loaded vs full refresh pages
+"body:not(.wgh-disabled) .Layout-main div[style=\"--sticky-pane-height:100vh\"] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-']:nth-child(2) {" +
+  "max-width: none;" +
+"}" +
 "body:not(.wgh-disabled) .Layout-main div[data-selector=\"repos-split-pane-content\"] {" +
   "max-width: none;" +
 "}" +

chrome/manifest.json

@@ -3,8 +3,8 @@
 
   "name": "Wide GitHub",
   "description": "Change all GitHub repository and gist pages to be full width and dynamically sized.",
-  "version": "1.6.4",
-  "version_name": "1.6.4 MV3",
+  "version": "1.6.5",
+  "version_name": "1.6.5 MV3",
   "icons": {
     "32": "icons/icon32.png",
     "48": "icons/icon48.png",

mozilla/manifest.json

@@ -3,7 +3,7 @@
 
   "name": "Wide GitHub",
   "description": "Change all GitHub repository and gist pages to be full width and dynamically sized.",
-  "version": "1.6.4",
+  "version": "1.6.5",
   "icons": {
     "32": "icons/icon32.png",
     "48": "icons/icon48.png",

wide-github.css

@@ -13,6 +13,10 @@ body:not(.wgh-disabled) .react-repos-overview-margin {
 body:not(.wgh-disabled) .Layout-main div[style="--sticky-pane-height: 100vh;"] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-']:nth-child(2) {
   max-width: none;
 }
+/* Alternative match for above to handle JS-loaded vs full refresh pages */
+body:not(.wgh-disabled) .Layout-main div[style="--sticky-pane-height:100vh"] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-'] > div[class^='Box-sc-']:nth-child(2) {
+  max-width: none;
+}
 body:not(.wgh-disabled) .Layout-main div[data-selector="repos-split-pane-content"] {
   max-width: none;
 }