efOne / Wide Twitch Clips

// ==UserScript==
// @name         Wide Twitch Clips
// @namespace    https://github.com/FiNEk/wide-twitch-clips
// @version      1.0
// @description  Full Page Twitch Clips Player
// @copyright    2019, efOne (https://github.com/FiNEk) & camjac251 (https://github.com/camjac251)
// @match        *://clips.twitch.tv/*
// @grant        none
// @updateURL    https://openuserjs.org/meta/efOne/Wide_Twitch_Clips.meta.js
// @downloadURL  https://openuserjs.org/install/efOne/Wide_Twitch_Clips.user.js
// @license      MIT
// ==/UserScript==

// ==OpenUserJS==
// @author efOne
// ==/OpenUserJS==

function addGlobalStyle(css) {
  var head, style;
  head = document.getElementsByTagName('head')[0];
  if (!head) {
    return;
  }
  style = document.createElement('style');
  style.type = 'text/css';
  style.innerHTML = css;
  head.appendChild(style);
}

(function () {
  addGlobalStyle('.clips-watch {margin-top: 2rem;min-width: 100%!important;}');
  addGlobalStyle('.clips-sidebar {height: 45vw!important;}');
  addGlobalStyle('.clips-top-nav {display: none;}');
  addGlobalStyle('#root > div > div {padding-top: 0!important;}');
  addGlobalStyle('#root > div > div > div > div.simplebar-scroll-content > div > div > main > div > div > div.tw-align-items-center.tw-flex.tw-justify-content-end.tw-mg-y-1.tw-relative.tw-z-above {display: none!important;}');
})();