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.
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
Notes
Notes about CSS:
/* 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.
*/
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.
*/
}