// ==UserScript==
// @name           WideView
// @namespace      http://tampermonkey.net/
// @license        MIT
// @version        0.1.1
// @description    Удаляет боковые панели + растягивает область поста на всю ширину браузера
// @author         Prog57
// @match          *://*.habr.com/*
// @match          *://*.microsoft.com/*
// @match          *://*.stackoverflow.com/*
// @icon           https://www.google.com/s2/favicons?sz=64&domain=habr.com
// @grant          none
// @downloadURL none
// ==/UserScript==

(function() {
    'use strict';
    const toHide_habr = ".column_sidebar, .layout__navbar, .tm-page__sidebar";
    const toHide_microsoft = "#ms--additional-resources";
    const toHide_stackoverflow = "#sidebar, #left-sidebar";
    const toHide = [toHide_habr, toHide_microsoft, toHide_stackoverflow].join(', ');

    const toWide_habr = ".tm-page__main_has-sidebar";
    const toWide_microsoft = ".modular-content-container, #main-column";
    const toWide_stackoverflow = "body > .container, #content, #mainbar";
    const toWide = [toWide_habr, toWide_microsoft, toWide_stackoverflow].join(', ');

    const run = function(){
        // debugger;
        let els = document.querySelectorAll(toHide) || [];
        for (let i = 0; i < els.length; i++) {
            //console.log(els[i]);
            els[i].style.cssText += 'display: none;';
        }

        els = document.querySelectorAll(toWide) || [];
        for (let i = 0; i < els.length; i++) {
            els[i].style.cssText += 'max-width: 100%; width: 100%';
        }

        document.querySelectorAll('.page, .layout__body')
            .forEach(el => el.style.cssText += 'margin: 0;');
    }

    setTimeout(run, 1000);
})();