Greasemonkey script egghead: floting transcript

egghead: floting transcript.user.js

// ==UserScript==
// @name        egghead: floting transcript
// @namespace   info.efcl.egghead.transcript
// @include     https://egghead.io/lessons/*
// @version     1
// @grant       none
// ==/UserScript==
function GM_addStyle(aCss) {
  'use strict';
  let head = document.getElementsByTagName('head')[0];
  if (head) {
    let style = document.createElement('style');
    style.setAttribute('type', 'text/css');
    style.textContent = aCss;
    head.appendChild(style);
    return style;
  }
  return null;
}


GM_addStyle(`
#tab-transcript {
    position:fixed;
    top: 100px;
    right:0;
    z-index:123456;
    background-color: white;
    padding: 1rem;
}
#tab-transcript{
    max-height: 32em;
    max-width: 30%;
    overflow-y: scroll;
}
`);