Advent of Code Mobile View

AoC For Mobile

Try to make AoC days easier to view on mobile.

当前为 2023-12-20 提交的版本，查看最新版本。

换行

// ==UserScript==
// @name         AoC For Mobile
// @namespace    http://tampermonkey.net/
// @version      2023-12-20
// @description  Try to make AoC days easier to view on mobile.
// @license MIT
// @author       myklosbotond
// @match        https://adventofcode.com/*/day/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=adventofcode.com
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(`
body {
  min-width: min(60em, 100vw);
  max-width: 100vw;
}

@media only screen and (max-width: 60em) {
  header {
    overflow: auto;
  }

  #sidebar {
    float: none;
    border-top: 1px solid white;
    width: 100%;
    margin: 0;
    padding: 10px 0 0;
  }
}

main {
  max-width: 100vw;
}

main article, main p {
  max-width: 100%;
}
    `);

    if (window.innerWidth < 600) {
        document.body.appendChild(document.getElementById("sidebar"));
    }
})();

欢迎访问Greasy Fork镜像