Skip to content

No sidebar and no TOC (2023-04-07) by d1gital_love

Details

Authord1gital_love

LicenseMIT

Categorydeveloper.mozilla.org

Created

Updated

Size1.2 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Second attempt to make MDN docs more usable without sidebar and TOC. This style should enable more useful data and notes in "Browser compatibility" table.

Notes

Source code

/* ==UserStyle==
@name           No sidebar and no TOC (2023-04-07)
@namespace      github.com/openstyles/stylus
@version        0.1.2
@description    Second attempt to make MDN docs more usable without sidebar and TOC. This style should enable more useful data and notes in "Browser compatibility" table.
@author         d1gital_love
@license        MIT
==/UserStyle== */
@-moz-document domain("developer.mozilla.org") {
    /* Hide sidebar and TOC */
    .main-wrapper .sidebar,
    .main-wrapper .toc {
        display: none;
    }

    .main-wrapper {
        display: flex;
        max-width: 100%;
    }

    #content {
        padding: 0.1rem;
        max-width: 100%;
    }

    .table-scroll {
        overflow-x: scroll;
        overflow-y: scroll;
        margin: 0;
        /* next will fix horizontal scrolling without max-width in Firefox 100 */
        max-width: 100%;
    }
    /* TODO: fix for widths >= 426 and <= 768 in Firefox 100 */
    /* TODO: fix missing "Output" block with widths >= 688 and <= 703 in Firefox 100. 
       See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/dir for example. 
    */
}

Reviews

No reviews yet.