User talk:Quiddity/Vector-2022-condensed.css

To use this: copy and paste these 2 lines of code, into your global.css

/* Import Quiddity's Vector-2022-condensed */
@import url('https://www.mediawiki.org/w/index.php?title=User:Quiddity/Vector-2022-condensed.css&action=raw&ctype=text/css');

• Reduced whitespace, everywhere.
• Works better at small (sub-1000px) window widths, e.g. for tiled-windows on a laptop.
• The Site-header is now sticky, so nothing changes when you scroll.
  • The Search-box stays visible at small widths
• At sub-1000px widths, the Main-menu is sticky when uncollapsed.
• In-page [edit] links are now icons.
• Shortens the inter-language link buttons (remove the word "language" and just show number, but hackishly)
• Auto-expand the ToC, and bold the H2s

Removed features

• Unset max-width
  • (I want it toggleable, but I'm not sure where to put the button, or how to do it in pure CSS)

• At sub-1000px widths, if the Main-menu is collapsed, then the ToC-button & ToC don't float-left properly.

• If scrolled-down, so the 2 sticky headers are showing... then the User-tools-Popup doesn't properly overlay the Sticky-Page-tools. (I tried fixing with z-index, but nothing seems to change. I think because they're differently-nested??)

• What to do with the Main-menu at over-1000px widths.
  • Should it be sticky, with ToC under it, or with ToC beside it, or with ToC collapsible?