Nicer WebDAV listings in Firefox

README.md

Nicer WebDAV listings in Firefox

This CSS makes WebDAV listings look nicer in Firefox. Unfortunately it doesn't work right with userstyle addons, so you need to add it to your userContent.css file.

Before	After

How do I make a userContent.css file?

• Open about:config and set toolkit.legacyUserProfileCustomizations.stylesheets to true
• Open about:support, scroll down to Profile Directory, and click "Open Directory"
• Make a folder named chrome if there isn't one already
• Make a file in that folder named userContent.css
• Put the css in that file
• Restart Firefox

userContent.css

@namespace D url(DAV:);
D|* {
    display: block;
    color-scheme: dark light;
    font-family: system-ui, sans-serif;
}
D|response {
    margin: 1rem;
    display: flex;
    flex-direction: column;
}
D|response * {
    display: none;
}
D|response D|propstat,
D|response D|prop {
    display: contents;
}
D|response D|getcontentlength, D|response D|href, D|response D|getlastmodified {
    display: block;
}
D|response D|href {
    order: 1;
}
D|response D|getcontentlength {
    order: 2;
}
D|response D|getlastmodified {
    order: 3;
}
D|response D|getcontentlength, D|response D|getlastmodified {
    color: GrayText;
}
D|response D|getlastmodified::before {
    content: "Last modified ";
}
D|response D|getcontentlength::after {
    content: " bytes";
}