Expand collapsed GitHub code blocks のソースコード

Expand collapsed GitHub code blocks

Adds click event and distinct hover style to collapsed code indicator

2020/06/09のページです。最新版はこちら

右端で折り返す

// ==UserScript==
// @name        Expand collapsed GitHub code blocks
// @namespace   http://tampermonkey.net/
// @description Adds click event and distinct hover style to collapsed code indicator
// @match       https://github.com/*
// @version     1
// @grant       GM_addStyle
// ==/UserScript==

(function() {
    'use strict';
  
    const expandables = document.querySelectorAll('.js-expandable-line')
    
    expandables.forEach(line => {
      line.style.cursor='pointer'
      line.addEventListener('click', () => {
        line.querySelector('.blob-num-expandable').children[0].click()
      })
    })
    
    GM_addStyle ( `
      .is-hovered.blob-code.blob-code-inner.blob-code-hunk {
          background-color: #ffedde !important;
      }` 
    );
})();