Nitter Gallery

replace nitter user media tab with gallery

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램을 설치해야 합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         Nitter Gallery
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  replace nitter user media tab with gallery
// @author       You
// @include      /^(https?:\/\/)?nitter\.([A-Za-z]+){2,3}\/([.,0-9A-Za-z]+)\/media/
// @include      /^(https?:\/\/)?nitter\.([A-Za-z]+)\.([A-Za-z]+){2,3}\/([.,0-9A-Za-z]+)\/media/
// @icon         https://www.google.com/s2/favicons?domain=stackoverflow.com
// @grant        none
// ==/UserScript==
function GM_addStyle(css) {
  const style = document.getElementById("GM_addStyleBy8626") || (function() {
    const style = document.createElement('style');
    style.type = 'text/css';
    style.id = "GM_addStyleBy8626";
    document.head.appendChild(style);
    return style;
  })();
  const sheet = style.sheet;
  sheet.insertRule(css, (sheet.rules || sheet.cssRules || []).length);
}

//demo :
GM_addStyle(".tweet-body {display:flex;flex-direction: row;flex-grow:1;flex-wrap: wrap;justify-content:flex-start;margin: auto;overflow:hidden;}");
GM_addStyle(".tweet-header, .tweet-content, .tweet-link, .tweet-stats {max-height:1px;max-width:1px;position:absolute;overflow:hidden;}");
GM_addStyle(".attachments {max-height:700px;height:auto;width:auto;max-width:700px;overflow:visible;padding: 0 0 0 0;margin:auto;}");
GM_addStyle(".still-image img {flex-basis:0px;}");
GM_addStyle(".timeline-item {padding: 0 0 2px 0;margin: auto;}");
GM_addStyle(".timeline {padding: 0 0 0 0;margin: 0 0 0 0;}");

const sheet = document.getElementById("GM_addStyleBy8626").sheet,
  rules = (sheet.rules || sheet.cssRules);

for (let i=0; i<rules.length; i++) {
  document.querySelector("pre").innerHTML += rules[i].cssText + "\n";
}