added support for commit view as well

Author: Fabio Picheli

app/app.js

@@ -1,6 +1,9 @@
 $(document).ready(start);
 
+var isCommit = false;
+
 $(window).scroll(() => {
+  if (isCommit) return;
   if($('.is-stuck').length) {
     $('.gct-file-tree').addClass('gct-file-tree-fixed');
   }else {
@@ -14,21 +17,25 @@ function start() {
     if(location.origin + location.pathname != oldLocation) {
       oldLocation = location.origin + location.pathname;
 
-      urlRegex = /(http|https):\/\/(www\.)?github\.com\/[-a-zA-Z0-9]*\/[-a-zA-Z0-9]*\/pull\/[0-9]*\/(files|commits)/;
-      if(location.href.match(urlRegex)) { // show only on PR files page
+      urlPullRegex = /(http|https):\/\/(www\.)?github\.com\/[-a-zA-Z0-9]*\/[-a-zA-Z0-9]*\/pull\/[0-9]*\/(files|commits)/;
+      urlCommitRegex = /(http|https):\/\/(www\.)?github\.com\/[-a-zA-Z0-9]*\/[-a-zA-Z0-9]*\/commit/;
+
+      isCommit = location.href.match(urlCommitRegex);
+
+      if(location.href.match(urlPullRegex) || location.href.match(urlCommitRegex)) { // show only on PR files page
         initialSetup();
       }
     }
   }, 500);
 }
 
 function initialSetup() {
-  if ($('.js-diff-progressive-spinner').length) {
+  if ($('.js-diff-progressive-spinner').length || !$('#files').length) {
     setTimeout(initialSetup, 100);
     return;
   }
 
-  injectCss(); // style.js
+  injectCss(isCommit ? 0 : 178, isCommit ? 20 : 0); // style.js
   injectHTML();
 
   areDiffBlocksCollapsed() ?  $('#collapseAll').hide() : $('#expandAll').hide();

app/style.js

@@ -1,4 +1,4 @@
-function injectCss() {
+function injectCss(offsetTop, offsetLeft) {
     $('#gct-style').remove();
     $(`<style type='text/css' id="gct-style">
         #files {
@@ -17,9 +17,9 @@ function injectCss() {
 
         .gct-file-tree {
             position: absolute;
-            top: ${$('#files').offset().top - 178}px;
+            top: ${$('#files').offset().top - offsetTop}px;
             background-color: #fff;
-            left: 0;
+            left: ${offsetLeft}px;
             z-index: 28;
             width: 280px;
             border: 1px solid #ddd;