// ==UserScript==
// @name        Make Notion Full-width
// @namespace   Notion Custom Scripts
// @match       *://www.notion.so/*
// @grant       none
// @version     1.0
// @author      Jacob Zimmerman (jczimm) <jczimm@jczimm.com>
// @description 5/23/2020, 3:28:45 PM
// @downloadURL none
// ==/UserScript==

// adapted from http://greasemonkey.win-start.de/patterns/add-css.html
function addGlobalStyle(css) {
    const head = document.querySelector('head')
    if (head) {
      const style = document.createElement('style')
      style.type = 'text/css'
      style.innerHTML = css
      head.appendChild(style)
    }
}

addGlobalStyle(`
@media (max-width: 850px) {
  .notion-overlay-container > div > div > div[style*="relative"] { /* don't select the gray background overlay, which has position: absolute */
      max-height: unset !important;
      max-width: unset !important;
      width: 100% !important;
      height: 100% !important;
      top: 0 !important;
  }
  .notion-overlay-container .notion-quick-find-menu,
  .notion-overlay-container .notion-quick-find-menu > div {
      max-height: unset !important;
      max-width: unset !important;
  }

  .notion-frame > .notion-scroller > div:not(.notion-page-content) > div,
  .notion-page-content {
      padding-left: 1em !important;
      padding-right: 1em !important;
  }

  .notion-frame > .notion-scroller > div:not(.notion-page-content)[style*="padding"] {
      padding-left: 0 !important;
      padding-right: 0 !important;
  }

  div[data-block-id] {
      max-width: unset !important;
  }
}
`)