Citizen

Appearance

3.3.0

Highlights

📖 Typography Makeover

We've updated our typography to be more consistent and beautiful, aligning with the wider MediaWiki ecosystem and Codex 2.0.

  • Easier on the eyes: Text is now more readable and pleasant.
  • Go big or go home! Want larger text? You can now select an "extra large" font size from your preferences.
  • No more broken UI: These font changes are contained to the page content, so the rest of the interface remains pristine.
  • For the developers: We've added new font utility classes: .citizen-text-heading-1, .citizen-text-heading-2, .citizen-text-heading-3, .citizen-text-heading-4, .citizen-text-body, .citizen-text-small, .citizen-text-overline

⚠️ Important Note: --font-size-x-small is now 0.75rem by default, which is smaller than before. You might want to adjust it if you use the variable.

🚀 A Smoother, Faster Sticky Header

Say goodbye to janky scrolling! The sticky header has been completely rebuilt for maximum performance. It's now a separate element, which means no more annoying layout shifts or lag.

⚠️ Important Note: This is a behind-the-scenes HTML change. To enjoy the new super-smooth sticky header, you might need to clear your wiki cache. Nothing will break if you don't, but you'll be missing out on the magic!

🎂 And Other Goodies!

We've sprinkled in a few more treats for you:

  • Hover no more! No need for custom CSS! You can now disable the image hover effect using the --transform-image-hover CSS variable. Just set it to none!
  • When did I join? Your registration date is now proudly displayed in the user menu.
  • Happy Wiki Cake Day! 🎂 Celebrate your wiki anniversary with a cute cake icon next to your registration date.

Changelog

Features

  • contentEnhancements: ✨ add user anniversary feature and improve registration date display 64cb5d7
  • core: ✨ add --transform-image-hover variable that controls image hover zoom d84e4c5
  • preferences: ✨ add extra large font size option dc7d3bd
  • preferences: ✨ restrict font size to body content 2d89125
  • stickyHeader: ✨ add 'Add Section' button to sticky header 0bc62b6
  • stickyHeader: ✨ add language dropdown to sticky header 3260022
  • stickyHeader: ✨ re-implement sticky header (#1073) fbb1d4f, closes #906
  • typography: ✨ add utility classes for typography styles 4251f3c
  • typography: ✨ backport and use Codex 2.0 font tokens 0e13c8e
  • typography: ✨ implement Codex 2.0 font styles across components bfd7e63
  • typography: ✨ move CJK line-height adjustment to citizen-body styles 111fb03
  • userMenu: ✨ improve user stats layout and add registration date 87eb6c7

Bug Fixes

  • commandPalette: 🐛 fix incorrect msg call for tips fdee8f4
  • commandPalette: 🐛 use matched title for URL when available e538bb8, closes #1065
  • core: 🐛 correct import path for mixins in edit styles 8b25299
  • core: 🐛 default link to be not underlined 8e7e57b
  • links: 🐛 fix various broken link styles in diff and log pages 066191d
  • toc: 🐛 prevent applying Codex link styles to toc links 15adb98
  • typography: 🐛 citizen-body should use unitless line height 783eb6e
  • VisualEditor: 🐛 allow categories to be clicked 4135a49