fix(BrowserView): broken expand width on github.com

jasperapp · Sep 14, 2019 · b3d0f9f · b3d0f9f
1 parent 87bf370
commit b3d0f9f
Showing 1 changed file with 13 additions and 7 deletions.
diff --git a/src/Electron/Component/WebViewComponentInjection/style.css b/src/Electron/Component/WebViewComponentInjection/style.css
@@ -1,25 +1,31 @@
 @media (min-width: 1020px) {
-  [role="main"] .container, /* for GHE */
+  [role="main"] .container, /* for old GHE */
-  main .container {
+  main .container, /* for header */
+  main .container-lg {
     width: calc(100vw - 80px);
     max-width: 1400px;
   }
 
-  .container .discussion-timeline {
+  .container .discussion-timeline, /* for old GHE */
+  .container-lg .discussion-timeline {
     width: calc(100vw - 300px);
     max-width: 1160px;
   }
 
-  .container .comment-holder {
+  .container .comment-holder, /* for old GHE */
+  .container-lg .comment-holder {
     max-width: initial;
   }
 
-  .container .timeline-new-comment {
+  .container .timeline-new-comment, /* for old GHE */
+  .container-lg .timeline-new-comment {
     max-width: initial;
   }
 
-  body.full-width [role="main"] .container,
+  body.full-width [role="main"] .container, /* for old GHE */
-  body.full-width .container .discussion-timeline {
+  body.full-width .container .discussion-timeline, /* for old GHE */
+  body.full-width [role="main"] .container-lg,
+  body.full-width .container-lg .discussion-timeline {
     max-width: none;
   }
 }