☰

Greasy Fork is available in English.

GitHub Make Tooltips

A userscript converts title tooltips into Github Tooltips

От 12.03.2017. Виж последната версия.

  1. // ==UserScript==
  2. // @name         GitHub Make Tooltips
  3. // @version      1.0.1
  4. // @description  A userscript converts title tooltips into Github Tooltips
  5. // @license      https://creativecommons.org/licenses/by-sa/4.0/
  6. // @namespace    https://github.com/StylishThemes
  7. // @include      https://github.com/*
  8. // @run-at       document-idle
  9. // @grant        GM_addStyle
  10. // @author       StylishThemes
  11. // ==/UserScript==
  12. /* jshint esnext:true, unused:true */
  13. (function() {
  14.   "use strict";
  15.  
  16.   GM_addStyle(".news .alert, .news .alert .body { overflow: visible !important; }");
  17.  
  18.   function init() {
  19.  
  20.     let indx = 0,
  21.       els = document.body.querySelectorAll("[title]"),
  22.       len = els.length;
  23.  
  24.     // loop with delay to allow user interaction
  25.     function loop() {
  26.       var el, txt, direction,
  27.         // max number of DOM modifications per loop
  28.         max = 0;
  29.       while ( max < 20 && indx < len ) {
  30.         if (indx >= len) {
  31.           return;
  32.         }
  33.         el = els[indx];
  34.         if (el.nodeName !== "LINK" && !el.classList.contains("tooltipped")) {
  35.           txt = el.title;
  36.           // Change direction of star & fork tooltips - fixes #30
  37.           direction = el.classList.contains("btn-with-count") ?
  38.             "tooltipped-s" :
  39.             "tooltipped-n";
  40.           el.classList.add(...["tooltipped", direction]);
  41.           if (txt.length > 45) {
  42.             el.classList.add("tooltipped-multiline");
  43.           }
  44.           el.setAttribute("aria-label", txt);
  45.           el.removeAttribute('title');
  46.           max++;
  47.         }
  48.         indx++;
  49.       }
  50.       if (indx < len) {
  51.         setTimeout(function(){
  52.           loop();
  53.         }, 200);
  54.       }
  55.     }
  56.     loop();
  57.   }
  58.  
  59.   init();
  60.   document.addEventListener("pjax:end", init);
  61.  
  62. })();