From 288dfa73871d9e6104572307b6921e10580dc225 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=A4=AA=E6=96=B0?= <litaixin@donews.com>
Date: Wed, 17 Apr 2019 18:37:21 +0800
Subject: [PATCH] icon and menu fixed

---
 chrome/app/scripts/contentscript.js | 45 ++++++++++++++---------------
 1 file changed, 22 insertions(+), 23 deletions(-)

diff --git a/chrome/app/scripts/contentscript.js b/chrome/app/scripts/contentscript.js
index 3aa2f70..eb85e9f 100644
--- a/chrome/app/scripts/contentscript.js
+++ b/chrome/app/scripts/contentscript.js
@@ -2,7 +2,7 @@
 
 var threeBarSvg = '<svg height="16" width="12" xmlns="http://www.w3.org/2000/svg"><path d="M11.41 9H0.59c-0.59 0-0.59-0.41-0.59-1s0-1 0.59-1h10.81c0.59 0 0.59 0.41 0.59 1s0 1-0.59 1z m0-4H0.59c-0.59 0-0.59-0.41-0.59-1s0-1 0.59-1h10.81c0.59 0 0.59 0.41 0.59 1s0 1-0.59 1zM0.59 11h10.81c0.59 0 0.59 0.41 0.59 1s0 1-0.59 1H0.59c-0.59 0-0.59-0.41-0.59-1s0-1 0.59-1z" /></svg>';
 
-var getLinks = function() {
+var getLinks = function () {
   var header, tag, headerLevelStr, depth;
   var headers = document.querySelectorAll('article.markdown-body h1, article.markdown-body h2, article.markdown-body h3, article.markdown-body h4, article.markdown-body h5, article.markdown-body h6');
   var links = [];
@@ -23,17 +23,17 @@ var getLinks = function() {
   return links;
 };
 
-var openList = function(depth) {
+var openList = function (depth) {
   var html = '';
 
   while (depth--) {
-    html += '<li><ul>';
+    html += '<li><ul style="margin-left:20px;">';
   }
 
   return html;
 };
 
-var closeList = function(depth) {
+var closeList = function (depth) {
   var html = '';
 
   while (depth--) {
@@ -43,7 +43,7 @@ var closeList = function(depth) {
   return html;
 };
 
-var buildContents = function(links) {
+var buildContents = function (links) {
   var node;
   var contents = '<ul>';
   var currentDepth = 1;
@@ -59,7 +59,7 @@ var buildContents = function(links) {
 
     currentDepth = node.depth;
 
-    contents += '<li><a href="' + node.hash + '">' + node.text + '</a></li>';
+    contents += '<li style="margin-bottom:5px;"><a href="' + node.hash + '">' + node.text + '</a></li>';
   }
 
   while (currentDepth--) {
@@ -69,18 +69,8 @@ var buildContents = function(links) {
   return contents;
 };
 
-var insertContents = function(contents) {
+var insertContents = function (contents) {
   var fileView = false;
-  var readmeTarget = document.querySelectorAll('#readme > .Box-header > h3')[0];
-  var markdownTarget;
-
-  if (!readmeTarget) {
-    markdownTarget = document.querySelectorAll('.file-actions')[0];
-  }
-
-  if (!readmeTarget && !markdownTarget) {
-    return false;
-  }
 
   var oldLink = document.querySelectorAll('.github-markdown-contents')[0];
 
@@ -88,12 +78,21 @@ var insertContents = function(contents) {
     oldLink.parentNode.removeChild(oldLink);
   }
 
-  var link = '<span class="github-markdown-contents select-menu js-menu-container js-select-menu"><span class="github-markdown-contents-btn js-select-menu js-menu-target btn btn-sm tooltipped-s' + (markdownTarget ? '' : ' float-right') + '" role="button" aria-label="Show Table of Contents">' + threeBarSvg + '</span><div class="select-menu-modal-holder github-markdown-contents-modal-holder js-menu-content js-navigation-container"><div id="github-markdown-contents-container" class="select-menu-modal">' + contents + '</div></div></span>';
-  if (readmeTarget) {
-    readmeTarget.parentNode.innerHTML += link;
-  } else {
-    markdownTarget.innerHTML += link;
-  }
+  var link = '<span class="github-markdown-contents select-menu js-menu-container js-select-menu"><span class="github-markdown-contents-btn js-select-menu js-menu-target btn btn-sm tooltipped-s' + '" role="button" aria-label="Show Table of Contents">' + threeBarSvg + '</span>' +
+    '<div class="select-menu-modal-holder github-markdown-contents-modal-holder js-menu-content js-navigation-container" style="width:300px;left:-100px;top:20px;">' +
+    '<div id="github-markdown-contents-container" class="select-menu-modal">' + contents + '</div>' +
+    '</div>' +
+    '</span>';
+
+  var fixDiv = document.createElement('div');
+  fixDiv.id = 'github-menu';
+  fixDiv.style.position = 'fixed';
+  fixDiv.style.zIndex = '99999';
+  fixDiv.style.left = '50%';
+  fixDiv.style.top = '0';
+  document.body.append(fixDiv);
+
+  fixDiv.innerHTML = link;
 };
 
 var links = getLinks();