☰

MDN Editor (UI Tweaks)

tweaks for the UI of the MDN Editor (https://wiki.developer.mozilla.org/*$edit)

当前为 2020-05-04 提交的版本，查看 最新版本。

/* ==UserStyle==
@name           MDN Editor (UI Tweaks)
@namespace      almaceleste
@version        0.2.1
@description    tweaks for the UI of the MDN Editor (https://wiki.developer.mozilla.org/*$edit)
@author         almaceleste (https://almaceleste.github.io)
@license        AGPL-3.0-or-later; http://www.gnu.org/licenses/agpl.txt

@homepageURL    https://github.com/almaceleste/userstyles
@homepageURL    https://userstyles.org/styles/181086
@supportURL     https://github.com/almaceleste/userstyles/issues

@preprocessor   uso
==/UserStyle== */

@-moz-document regexp('https://wiki\\.developer\\.mozilla\\.org/.*\\$edit') {
    #content-fields > .approved > header {
        padding: 10px;
        position: sticky;
        top: -55px;
        z-index: 999;
    }

    #content-fields > .approved > header > h3 {
        display: inline-block;
        font-size: 1rem;
        margin: 0;
        position: sticky;
        top: 10px;
    }

    #content-fields > .approved > header button {
        font-size: .77rem;
        margin-top: 15px;
    }

    #page-comment {
        bottom: 0px;
        padding: 10px;
        position: fixed;
        width: 98%;
        z-index: 999;
    }

    #page-comment > h3 {
        display: inline-block;
        font-size: medium;
        margin: 0;
    }

    #page-comment > h3 .icon-question-mark {
        height: 17px;
        width: 17px;
    }

    #page-comment > p {
        display: inline-block;
        font-size: small;
        margin: 0;
        width: 70%;
    }

    input#id_comment {
        padding: 3px;
    }
}