Skip to content

Changelogs

Changelogs of all Citizen stable releases, which are also available on GitHub.

3.11.0Latest

Highlights

  • Bug fixes and improvements.™

Changelog

Features

Bug Fixes

Performance Improvements

Miscellaneous Chores

New Contributors

See all commits

Contributors

  • @alistair3149 profile picture
  • @Zes-MinKey-Young profile picture
  • @ChenWuwei404 profile picture
  • @SolidBlock-cn profile picture
alistair3149, Zes-MinKey-Young, and 2 other contributors

3.10.0

Highlights

  • Bug fixes and improvements.™

Changelog

Features

Bug Fixes

See all commits

Contributors

  • @alistair3149 profile picture
  • @AmeroHan profile picture
alistair3149 and AmeroHan

3.9.0

Highlights

  • 🛡️ SECURITY: Stored XSS in sticky header button messages Fix the vulnerability where an evil user with interface message rights can inject arbitrary HTML into the sticky header button messages. (CVE-2025-62508/GHSA-g955-vw6w-v6pp)
  • 📖 Improve emphasis styles for East Asian scripts clreq: dots are used in both horizontal and vertical writing modes. mlreq: wavy lines are used instead of dots.
  • 🔍 Search shortcuts are now keyboard layout-independent Search shortcuts such as / and Ctrl+K now work regardless of the keyboard layout.

Many thanks to those who contributed to the recent releases! Citizen is a better skin thanks to you! 🎉

Changelog

Features

  • icon: ✨ add microinteraction for configure icon 8f55d2d
  • search: ✨ make search shortcuts keyboard layout-independent (by @Vonavy) 6c806b5
  • typography: ✨ improve emphasis styles for East Asian scripts (by @AmeroHan) (#1165) 4e82bdc

Bug Fixes

  • layout: 🐛 fix page tools center alignment on main page (by @Vonavy) (#1167) e72c859
  • menu: 🐛 language card goes off-screen when page title is too long (by @dringsim) 70181e4
  • SECURITY: 🐛 fix stored XSS in sticky header button messages (by @SomeMWDev) e006923
  • tokens: 🐛 fix layout issues with fractional viewport sizes (by @AmeroHan) 7ae0f48

New Contributors

See all commits

Contributors

  • @Vonavy profile picture
  • @AmeroHan profile picture
  • @dringsim profile picture
  • @SomeMWDev profile picture
Vonavy, AmeroHan, and 2 other contributors

3.8.0

Highlights

  • ⚙️ Configurable Header Position You can now customize the header's position on the page using the $wgCitizenHeaderPosition setting. Supported values are top, bottom, left, and right. (Thanks, @Vonavy!)

  • ⚡️ New Performance Mode A new performance mode has been added to improve responsiveness by disabling frosted glass and transition effects. The skin automatically enables this mode on page load and disables it if GPU acceleration is detected. You can manually enable or disable it using the Performance mode button in the preferences.

  • 🖼 Improved Page Backgrounds Backgrounds applied to the .citizen-page-container are now correctly displayed underneath the header. This should benefit those who are using semi-transparent header backgrounds.

Changelog

Features

  • core: ✨ make site header position configurable (by @Vonavy) ff2f22a
  • header: ✨ use CSS variables to define header behavior 5b611c5
  • header: ✨ use padding instead of margin for page container 41a472f
  • pref: ✨ add performance mode client preferences 0a01979, closes #1151
  • pref: ✨ apply performance mode if it is not set and GPU accel is not avaliable 22ae76f

Bug Fixes

  • CodeMirror: 🐛 fix the misaligned CodeMirror v6 overlay on VE (by @xtexx) (#1139) 555babe
  • commandPalette: 🐛 use page.key for id (by @TiggeZaki) bbd9e1d
  • debugToolbar: 🐛 fix ToC button above the debug toolbar ada6352
  • overflow: 🐛 add inline margin to prevent clipping borders 68325a0
  • prefs: 🐛 fix incorrect opacity and backdrop filter for performance mode in dark mode f8c3cf9
  • search: 🐛 fix double escaping in legacy search box (by @SomeMWDev) (#1135) abbee1d
  • search: 🐛 remove aria-details if using command palette (by @TiggeZaki) 3fda30f
  • sidebar: add icon to special pages link in sidebar for MW 1.44+ 05a4fbe
  • SyntaxHighlight: 🐛 remove background color that exceeds the border (by @TiggeZaki) (#1145) 3c083f0
  • tokens: 🐛 include unit in CSS variables with zero as value 77d7c09, closes #1152

Performance Improvements

  • preferences: ⚡️ only load preferences module when preference button is clicked 9fe31f4

Miscellaneous Chores

  • composer: 🔧 sync package description 6e0cb50
  • deps-dev: 🔗 pin ESLint to 8.57.0 e7c8264

New Contributors

See all commits

Contributors

  • @Vonavy profile picture
  • @xtexx profile picture
  • @TiggeZaki profile picture
  • @SomeMWDev profile picture
Vonavy, xtexx, and 2 other contributors

3.7.0

Highlights

  • 👾 Two new backported Codex icons. The settings icon and the 'back to top' button have been updated with shiny new icons from Codex: 'configure' and 'arrow up' respectively.

  • Special pages in the sidebar are now special again! No more seeing double! We've fixed a bug that created duplicate 'Special pages' links in the sidebar on MediaWiki 1.44 and above.

  • 🍷 Simpler and more consistent frosted glass. We've swapped our fancy frosted glass for a simpler, more consistent effect. It's faster, looks great, and is easier for you to customize.

Changelog

Features

  • core: ✨ add transition for icons that uses content-visibility 57837fa
  • core: ✨ simplify frosted glass implementation 8c10712
  • core: ✨ use Codex arrow up icon for back to top icon 6d61fc8
  • core: ✨ use subtle borders for inner border c30c040
  • mediawiki: ✨ tweak change list date font styles 36b77f4
  • preferences: ✨ replace setting gear icon with configure icon d835649
  • tokens: ✨ increase border color contrast 02b67b8

Bug Fixes

  • commandPalette: 🐛 do not reuse menu ID b4d8513
  • core: 🐛 include settings icon in skin module 5afe8d1
  • core: 🐛 use --color-visited--active c32e8cd
  • OOUI: 🐛 fix incorrect indicator style in framed tabs 7bc4c35
  • sidebar: 🐛 fix incorrect ID for special page link in sidebar 7ff58fc
  • sidebar: 🐛 only add special page link on MW 1.43.X 2c36fc9
  • stickyHeader: 🐛 use edit icon when source edit is the only button 9095ce7

Performance Improvements

  • icons: ⚡️ use SVG instead of base64 for configure icon 6e7b1cd

New Contributors

Contributors

  • @TiggeZaki profile picture
TiggeZaki

3.6.0

Highlights

  • 👓 Not a fan of frosted glass? You can now control the frosted glass background by changing the CSS variable --opacity-glass. Setting it to 1 will turn off the effect.
  • 🖼 MultimediaViewer for the fans of frosted glass We have improved the styles in MultimediaViewer to match with current state of the skin.

Changelog

Features

  • core: ✨ add transition to sticky element 291d266
  • core: ✨ simplify and improve loading indicator styles 3f95e54
  • MultimediaViewer: ✨ improve dialog styles 9d8d557, closes #1096
  • MultimediaViewer: ✨ improve lightbox styles c97a259
  • stickyHeader: ✨ enhance click handling and target setup 1f8b364, closes #1100
  • tokens: ✨ add opacity-glass variable for frosted glass background a619b1e
  • userMenu: ✨ tweak font sizing 32a303c

Bug Fixes

  • Codex: 🐛 fix incorrect quiet button hover color for MW 1.44+ 4cc33d2, closes #1105
  • core: 🐛 cast key to string when adding icons to menu items c574159, closes #1103
  • core: 🐛 do not add site tools if it exists 56a1e79, closes #1116 #1117
  • mediawiki: 🐛 fix overlapped sticky header in Special:ApiSandbox (#1120) 721e20e
  • use pre-1.45 namespace for LanguageConverterFactory fa0342e

Performance Improvements

  • core: ⚡️ rewrite collapsible section parser 6a7c36c

3.5.0

Highlights

  • 🔗 Command Palette links are now the real deal! No more tricky buttons, you can now open them in new tabs or windows just like you'd expect.
  • 🕵️‍♀️ Search trigger just got smarter! You can now pre-fill the search box using a super handy search trigger. Want to master this new trick? Find out how here!
  • 🎨 Our box shadows got a fresh new look! We also tidied up our shadow variables to match with Codex, so drop-small is now simply small, drop-medium is medium, and drop-xx-large is large.

Changelog

Features

  • CommandPalette: ✨ use <a> or <button> respectively 7e6bfe4, closes #1089
  • core: ✨ add disabled styles for default HTML elements 6445ecd, closes #885
  • core: ✨ tweak box shadow styles 0847197
  • Search: ✨ enhance citizen-search-trigger to support pre-filling input 5dce5a2
  • tokens: ✨ deprecate box-shadow-drop variables 6c1c60f

Bug Fixes

3.4.0

Highlights

  • ⚠️ This release contains important security fixes, please update to this version when possible.
  • Legacy classes such as skin-citizen-light and skin-citizen-dark are now hard-deprecated. See here for migration examples.
  • Minor bug fixes and improvement™

Changelog

Features

  • catlinks: ✨ update category pill styles eaa043e
  • commandPalette: ✨ add transition to list actions 3eb5275
  • commandPalette: ✨ use frosted glass effect as background dfdcc2a
  • ManageWiki: ✨ drop unused ManageWiki styles e498e9a
  • ReplaceText: ✨ revamp ReplaceText styles cf4ff02
  • SemanticMediaWiki: ✨ update styles to 5.0.2 5720476

Bug Fixes

  • search: 🐛 fix incorrect position for old search card 10b336f
  • SECURITY: 🐛 🔒️ sanitize search result descriptions in old search module aedbceb (CVE-2025-53368)
  • SECURITY: 🐛 🔒️ sanitize short description page tagline c85a40b (CVE-2025-53370)
  • stickyHeader: 🐛 fix sticky header title alignment on user pages 835e02d, closes #1080

Performance Improvements

  • commandPalette: ⚡️ use regex exec over string match 426105c
  • pageHeading: ⚡️ remove redundant method call b554d03
  • prefs: ⚡️ use regex exec over string match 0d22c32

3.3.2

Bug Fixes

  • CookieWarning: add missing styles import (#1078) ab5efaf
  • DataMaps: add missing styles import 44782c8
  • typography: 🐛 rollback <small> element styles 37ee040, closes #1074

Miscellaneous Chores

  • Math: 🔧 🗑️ remove Math extension styles and references 6fba95e
  • variables: 🔧 🗑️ remove unused variables d2f7561
  • WikiHiero: 🔧 🗑️ remove WikiHiero extension and associated styles cea735a

3.3.1

Bug Fixes

Miscellaneous Chores

  • 🔧 add stylelint Baseline config 4b44f69

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

3.2.0

Highlights

Command Palette

  • Now on by default! 🎉
  • Find anything with new full-text and media search! 🕵️‍♀️📚
  • @ now finds users directly, like magic! ✨👤
  • Tips added to make you a wizard! 🧙‍♂️

Footer

  • Shiny new design for the footer! ✨💅
  • Site icon are now chilling in the footer! 📚👇
  • Links now auto-organize into neat columns! 📊

Syntax Highlight

  • Line numbers got a cool background color upgrade! 🎨🔢

Changelog

Features

  • commandPalette: ✨ add media search action if supported 04157d8
  • commandPalette: ✨ add page edit action 55addaf
  • commandPalette: ✨ add tips for command palette usage 4fa69e1
  • commandPalette: ✨ add user command (#1061) 104adbd
  • commandPalette: ✨ enable command palette by default a00ebba
  • commandPalette: ✨ improve result action handling (#1064) 5b90efa
  • commandPalette: ✨ improve results transition logic 8ff903d
  • footer: ✨ add wiki icon to footer if avaliable e431222
  • footer: ✨ update footer styles 6ab4db4
  • search: ✨ add the citizen-search-trigger class to trigger search UI 577788e
  • sectionLinks: ✨ reimplement edit section and use Codex button 2152ac5

Bug Fixes

  • commandPalette: 🐛 always clear the results on new query 1392ae0
  • commandPalette: 🐛 fix incorrect URL generation for RelatedArticles 21bf5f1
  • commandPalette: 🐛 fix incorrect URL generation for REST search d062fd5
  • commandPalette: 🐛 fulltext search should be updated instantly 814f306
  • CommandPalette: 🐛 ignore trailing space in search query highlight eca18e3
  • commandPalette: 🐛 prevent duplicate dismiss action in recent items 901935b
  • commandPalette: 🐛 update URL generation for media search to include type parameter 460803b
  • footer: 🐛 fix incorrect footer icon wrapping 73e38ed
  • footer: 🐛 fix incorrect footer styles 66c7253
  • header: 🐛 fix missing home icon in header 9ba86b9
  • SyntaxHighlight: 🐛 add background for line numbers (#1059) 2aabdab
  • toc: 🐛 fix scrolling when sticky header is disabled (#1058) 6ea7a57
  • typography: 🐛 do not use negative top margin for nested elements after paragraphs bd38820

Miscellaneous Chores

  • Babel: 🔧 remove unnessecary extension styles ceacb7a

3.1.0

Highlights

👋 HEYA! Changelog is tough to read, so we're trying something new for all future releases. Here's a summary of what's new:

Command Palette: Your New Superpower! 🎮

  • Experimental feature alert! Toggle it on with $wgCitizenEnableCommandPalette = true
  • Soon™ to be your search module's cool replacement
  • Learn all the commands with / without going to Hogwarts
  • Add your own magic commands via skins.citizen.commandPalette.registerCommand hook in JS
  • Zip through namespaces with : or /ns: shortcuts
  • Summon actions with > to quickly access special pages and menu items
  • Discovers related articles automatically when RelatedArticle is installed
  • Template hunting made easy with {{ search prefix

Wikitables Gone Wild! 📊

  • Make tables stretch their legs with the new wikitable--fluid class for full-width glory

Navigation That Knows Its Place 📱

  • Safe area handling keeps navigation from playing hide-and-seek under iOS home buttons

Dark Mode Glow-Up 🌙

  • Enhanced contrast for those late-night wiki sessions

Alert Dots: Now in Attention-Grabbing Red! 🚨

  • Echo alerts stand out with stylish red notification dots

Label Text: Easy on the Eyes 👁️

  • Refined label text styles for a more pleasant reading experience

Changelog

🧐 If you are an exquisite enjoyer of detail, you can read the full changelog below:

Features

  • commandPalette: ✨ add action command (#1049) a5360c3
  • commandPalette: ✨ add ctrl/cmd+k binding 49961f5
  • commandPalette: ✨ add edit action to page results 85a48c1
  • commandPalette: ✨ add fulltext search as a result 86375c0
  • commandPalette: ✨ add keyboard hints b482d27
  • commandPalette: ✨ add loading state to command palette search results (#1033) 2389466
  • commandPalette: ✨ add namespace command and various refactor (#1043) 4de089d
  • commandPalette: ✨ add recent search 19ea550
  • commandPalette: ✨ add redirect title to search results (#1032) 4b29b4c
  • commandPalette: ✨ add RelatedArticles to presults if supported (#1048) cbfb03f
  • commandPalette: ✨ add tab key functionality to close input 8eccfeb
  • commandPalette: ✨ allow : the namespace command 0e6fe57
  • CommandPalette: ✨ allow command to be extensible through mw.hook (#1050) 8b2ef4c
  • commandPalette: ✨ allow recent items to be removed 08425a6
  • commandPalette: ✨ handle wikilink and template syntax in query a1a38af
  • commandPalette: ✨ improve enter key logic 4adb6c6
  • commandPalette: ✨ improve no results empty state 19f7d86
  • commandPalette: ✨ increase max-height for results container b49c5ba
  • commandPalette: ✨ initial implementation of Command Palette 55cb33b
  • commandPalette: ✨ make command search case-insensitive 34d9483
  • commandPalette: ✨ set up foundation for result type b1cc5d7
  • commandPalette: ✨ show command as metadata in result 4c1063d
  • commandPalette: ✨ show keyhints conditionally 32b46a0
  • commandPalette: ✨ tweak various styles 79c4ee7
  • commandPalette: ✨ use Pinia for state management 56a9e91
  • commandPalette: ✨ use prefix search for command list 10d3dfb
  • composer: 🐛 allow Composer v2 for installation 2960a7d
  • core: ✨ add padding for device safe area 9db68fb
  • core: ✨ apply font grade to light mode instead of dark mode ab3853a
  • core: ✨ drop view transitions 17e76eb
  • core: ✨ reduce spacing between paragraph element and other elements that have top margin 6339841
  • core: ✨ reduce subtle background color brightness 12ce5e4
  • core: ✨ use darker surface colors c6ec6d8
  • dropdown: ✨ use <kbd> tag for keyboard hint 4128bd4
  • Echo: ✨ use red dot for alert badge 216bdff, closes #1027
  • typography: ✨ tweak label text font styles d753c03
  • wikitable: ✨ add wikitable--fluid utitlity class for full width tables ff64f43

Bug Fixes

  • commandPalatte: 🐛 fix incorrect list item header color 53e0c55
  • commandPalette: 🐛 add missing components 892ca23
  • commandPalette: 🐛 allow icon prop to accept both String and Object types 5e18f04
  • commandPalette: 🐛 fix conflict with OOUI overlay be51f79
  • CommandPalette: 🐛 fix incorrect URL for related articles cf8fe3c
  • commandPalette: 🐛 fix misaligned progress bar d474817
  • commandPalette: 🐛 fix missing aria-label for edit action 5711804
  • commandPalette: 🐛 fix missing message for namespace command a09470e
  • CommandPalette: 🐛 make selectResult function asynchronous for improved handling b3d9d78
  • commandPalette: 🐛 persist results before fetching new results 957d042
  • commandPalette: 🐛 prevent saving empty search queries to history 51371a3
  • commandPalette: 🐛 remove reference to non-existing file b1b854d
  • commandPalette: 🐛 save the entire result item in recent items cede0bb
  • CommandPalette: 🐛 use page.description if available for RelatedArticle afef5ce
  • CommandPaletteListItem: 🐛 add aria-selected to selected result 21bf426
  • CommentStreams: 🐛 fix broken font-weight 8ebbf53
  • core: 🐛 fix padding for device safe area c52085d
  • core: 🐛 use a more sane viewport meta tag db64579
  • DiscussionTools: 🐛 remove additional space in title 19a1f71
  • FloatingUI: 🐛 update box-shadow variable fab3d98
  • header: 🐛 prevent header wrapping af49110
  • Popups: 🐛 fix broken background-image for references 75f2618
  • README: 🐛 fix incorrect command palette configuration name 0247962
  • VisualEditor: 🐛 fix toolbar z-index 5bbf2d8

Performance Improvements

  • CommandPalette: cache special page API request 9337142

Miscellaneous Chores

  • commandPalette: 🔧 add dummy ResourceLoader and Codex icon configurations for development 7de5671
  • package: 🔧 sync Vue and Pinia version with MW 1.43 394c9e1

3.0.0

Please check out the migration section below if you have run into any issues.

⚠ BREAKING CHANGES

  • tokens: All primary colors tokens are renamed.
  • tokens: CSS variables that are previously deprecated are now hard-deprecated.
  • Citizen is targeting MW 1.43 now and start development on the v3 version

Features

  • CodeMirror: ✨ add initial styles for CodeMirror v6 87fc5ca
  • CodeMirror: ✨ add WikiEditor and VE styles for CodeMirror v6 b8fa2c7
  • CommentStreams: ✨ update styles for 1.43 dbb1da0
  • core: ✨ add frosted glass effect to menu cards c20082c
  • core: ✨ add top margin to mw-content-text 7c6237e
  • core: ✨ adding vertical padding to text editor 1ec112d
  • core: ✨ bump dark border color contrast f94d0a4
  • core: ✨ drop letter-spacing from legend 85588ff
  • core: ✨ improve site notice handling 7dac6d2
  • core: ✨ only apply main page-specific styles on read view fb8be79
  • core: ✨ set mwRestApi as the default search gateway ed5f11a
  • core: ✨ update mw-indicators spacing cc1843e
  • core: ✨ use mask-image instead of background-image for Citizen UI icons bc828b3
  • DiscussionTools: ✨ update DiscussionTools styles to 1.43 9f750be
  • Echo: ✨ add backdrop when modal is opened 6b9fc0a
  • Echo: ✨ improve Echo badge icon replacement logic 86ba574
  • Echo: ✨ update Echo for 1.43 6740eac
  • header: ✨ simplify header icon color logic 57711a9
  • mediawiki: ✨ add border to mw-tag-marker 3c626d9
  • mediawiki: ✨ adjust installed software cell width 42321c0
  • mediawiki: ✨ allow Special:SpecialPages legends to float 0a4d42e
  • mediawiki: ✨ increase input field height in signup and login pages 898580a
  • mediawiki: ✨ rework login and signup page styles c10ca94
  • mediawiki: ✨ start-align installed software in Special:Version f152da9
  • mediawiki: ✨ update styles for Special:Preferences 597abc1
  • MultimediaViewer: ✨ add hover state to description button ebe1979
  • MultimediaViewer: ✨ add styles for error box 6ea13ff
  • MultimediaViewer: ✨ scale down the description button 99d926f
  • MultimediaViewer: ✨ simplify title max-height calculation 9fb16c6
  • MultimediaViewer: ✨ update styles to 1.43 4497ac1
  • OOUI: ✨ drop unnessecary OOUI styles for 1.43 7be2ec1
  • OOUI: ✨ standardize border-radius 6f6d96c
  • Popups: ✨ update Popups to 1.43 e21d75b
  • RelatedArticles: ✨ update RelatedArticles styles bd340e7
  • share: ✨ do not show share button if page is not a content page 8c29416
  • stickyHeader: ✨ make sticky header more compact 8e62594
  • stickyHeader: ✨ use fancy frosted glass for page header ad50e8d
  • TemplateData: ✨ update styles for 1.43 6110a5d
  • toc: ✨ match ToC link color with color-base 67852e7
  • tokens: ✨ add backdrop-opacity CSS variable 76727b1
  • tokens: ✨ add more saturation to frosted glass cb14c43
  • tokens: ✨ backport Codex tokens from latest master 6252e24
  • tokens: ✨ revamp colors that are related to progressive/primary colors a5f5a3c
  • tokens: ✨ update Codex tokens to v1.14.0 7ef2375
  • tokens: 💥 ✨ drop deprecated tokens b82923a
  • UploadWizard: ✨ clean up spacing 1a062a8
  • UploadWizard: ✨ update UploadWizard to 1.43 f241493
  • VisualEditor: ✨ update styles to 1.43 c91135d
  • WikiEditor: ✨ add responsive handling for advanced toolbar 1f4045a
  • WikiEditor: ✨ update styles to 1.43 808f7b1

Bug Fixes

  • CodeMirror: 🐛 fix text selection background color for links (#1007) e66605f
  • CodeMirror: 🐛 override default dark mode color 32e78ff, closes #1001
  • core: 🐛 do not invert mw-indicator 6f33824
  • core: 🐛 drop the use of SkinModule class in font modules 367dbde
  • core: 🐛 drop unused Codex skinStyles ddbe205, closes #1004
  • core: 🐛 fix incorrect dark border interactive color 0019b6c
  • core: 🐛 fix incorrect type declaration 33d577f
  • core: 🐛 fix incorrect type declaration again 37b36e8
  • core: 🐛 fix typo in sr-only class 4d6eed9
  • core: 🐛 override Codex tokens even when they are same as default ff6f75b
  • core: 🐛 remove bottom margin from contentSub 633578d
  • dropdown: 🐛 remove unnecessary content-visibility on icons b1f7529
  • footer: 🐛 force footer icon to have light background color e7b3550
  • header: 🐛 fix invisible home button in header e5f0fb2
  • icons: 🐛 add fallback for browser that does not support CSS mask 4279397
  • icons: 🐛 load unBlock icon e2fe673, closes #1011
  • links: 🐛 ensure self link does not have hover state colors 229a13c
  • mediawiki: 🐛 fix debug toolbar z-index e36fe02
  • mediawiki: 🐛 fix various layout issues on Special:Version 75af101
  • menu: 🐛 fix incorrect width overflow 880ec7d
  • MultimediaViewer: 🐛 fix incorrect layout in narrow viewport 00705cc
  • MultimediaViewer: 🐛 remove unused styles da990b4
  • OOUI: 🐛 fix incorrect border-radius for connected elements 250948f
  • OOUI: 🐛 fix incorrect property for tab styles 43c5897
  • OOUI: 🐛 fix tab option selected border-bottom (#1008) b3a9623
  • overflowElements: 🐛 fix incorrect z-index for overflow sticky header bd05c25
  • Popups: 🐛 ensure text fade color get applied across all themes 2bfdb67
  • RelatedArticles: 🐛 hide in VisualEditor (#1009) b95cb85
  • styles: 🐛 remove unnecessary night theme indicator styles 402e8d5
  • SyntaxHighlight: 🐛 use Citizen colors for dark theme cedf9c7
  • tokens: 🐛 enhance pure black mode color variables 274e7b6
  • tokens: 🐛 fix incorrect backdrop light color 017a387
  • tokens: 🐛 fix incorrect colors for pure black mode 53fab3c
  • tokens: 🐛 fix incorrect fallback color definitions f4e9e70
  • tokens: 🐛 fix incorrect supports tag and add color-base--hover 2430932
  • UploadWizard: 🐛 add small fixes to layout 443278f
  • UploadWizard: 🐛 fix message box styles 4261645
  • UserProfileV2: 🐛 fix deprecations and add fixes for mobile (#1023) 949a733

Miscellaneous Chores

  • 💥 🔧 raise minimum MW requirement to 1.43 b5080bd
  • 🔧 add coverage directory to .gitignore d021452
  • 🔧 ignore package-lock.json b969f10
  • 🔧 remove coverage.xml file from the repository 83edb63
  • eslint: 🔧 update ESLint configuration to use wikimedia/client preset b12cd9f
  • release: 🚀 bump version to 3.0.0-beta 1f9c58c

Migration

Some of the CSS variables that are soft-deprecated are now hard-deprecated. If you have used them on your site styles (e.g. MediaWiki:Citizen.css) or TemplateStyles, you will need to replace them. You can use the replace tools to replace the deprecated variables (kudos to dgox)

Original Variable New Variable
--background-color-primary--hover --background-color-progressive-subtle
--background-color-primary--active --background-color-progressive-subtle
--background-color-overlay --background-color-backdrop-light
--background-color-overlay--lighter --background-color-backdrop-light
--background-color-quiet--hover --background-color-button-quiet--hover
--background-color-quiet--active --background-color-button-quiet--active
--border-radius--small --border-radius-base
--border-radius--medium --border-radius-medium
--border-radius--large --border-radius-large
--border-radius--pill --border-radius-pill
--box-shadow-card --box-shadow-drop-medium
--box-shadow-dialog --box-shadow-drop-xx-large
--color-base--emphasized --color-emphasized
--color-base--subtle --color-subtle
--color-primary --color-progressive
--color-primary--hover --color-progressive--hover
--color-primary--active --color-progressive--active
--color-text-error --color-destructive
--color-text-warning --color-base
--color-text-success --color-success
--font-weight-semibold --font-weight-semi-bold
--line-height-xs --line-height-xxx-small
--line-height-sm --line-height-xx-small
--opacity-icon-base--active --opacity-icon-base--selected

2.40.2

Bug Fixes

  • overflowElements: 🐛 fix pinned sticky header on the top of the page a09193c, closes #991

2.40.1

Bug Fixes

  • CodeMirror: 🐛 fix incorrect highlight for VE CodeMirror 8aa185c

2.40.0

🚨 This is the final release for MediaWiki 1.39. 🚨 We will bump the minimum requirements to MW 1.43 and start working on the 3.0 release for Citizen.

Citizen can now handles sticky header in overflow elements (e.g. tables)! To make a sticky header, simply add the citizen-overflow-sticky-header class to the sticky element (table row if it is a table). See the wiki for more examples.

Features

  • overflowElements: ✨ add sticky header for overflow elements (#989) dfdb2e6
  • SemanticResultFormats: ✨ add styles for fixedHeader 1c00950
  • SemanticResultFormats: ✨ update DataTables styles to match with current 5.0-dev version dc49c64

Bug Fixes

  • core: 🐛 remove outline styles for focus-visible as it is not working as intended f2cc4fd
  • core: 🐛 use break-word for word wrap e8fc354
  • mediawiki: 🐛 fix hidden MW version in Special:Version 4fc1847
  • mediawiki: 🐛 fix incorrect Codex message wrapping in Special:UserLogin 576bcb6
  • mediawiki: 🐛 fix incorrect message box wrapping in Special:UserLogin 380f360
  • Popups: 🐛 fix Popups text gradient color 985df51
  • TinyMCE: 🐛 prevent TinyMCE editor from expanding limitlessly a01001e, closes #978
  • WikiEditor: 🐛 fix dark on dark link button in MW 1.43 781822d

2.39.4

Bug Fixes

  • pageHeading: 🐛 fix incorrect indicator placement when displaytitle is used 504c237
  • pageHeading: 🐛 fix parenthesis for displaytitle 1a6e53c
  • pageHeading: 🐛 remove debug logging 3fe4e3d

2.39.3

Features

  • dropdown: ✨ use symbol when possible for keyhint 0d19f7f

Bug Fixes

  • DiscussionTools: 🐛 add wrapping hotfixes for DiscussionTools header for MW 1.42 d71f31d
  • DiscussionTools: 🐛 fix incorrect color for timestamp c52c1f2
  • header: 🐛 fix misalign home button in Safari 346b25e
  • mediawiki: 🐛 do not override link color on Special:Version 0c7a2d9

Miscellaneous Chores

2.39.2

Bug Fixes

  • core: 🐛 use mw.requestIdleCallback for polyfill daef66f

2.39.1

Features

  • TabberNeue: ✨ update styles for Extension:TabberNeue 6a70ae4

Bug Fixes

  • speculationRules: 🐛 stricter selector to pages to prerender 34c9ae5

Miscellaneous Chores

2.39.0

Features

  • PWA: ✨ add support for description field 3073f52
  • PWA: ✨ add support for short_name field 79c0e45
  • PWA: ✨ allow custom icons definition with wgCitizenManifestIcons 5436cc4
  • PWA: ✨ fallback to clipboard share if Web Share API is not supported 5794207
  • PWA: ✨ merge all PWA config into wgCitizenManifestOptions 586cf2c
  • PWA: ✨ sync meta and manifest theme colors with skin default 6690263
  • speculationRules: ✨ add basic implementation of Speculation Rules API 368ceb6

Bug Fixes

  • mediawiki: 🐛 fix incorrect gallery layout 571e9ed
  • preferences: 🐛 add missing padding to pref card 937b3c7
  • PWA: 🐛 add missing use class dcce74a
  • PWA: 🐛 don't save icon if no sizes are detected 71aada9
  • PWA: 🐛 revert to old behavior to fix missing icons in manifest 28970f6
  • stickyHeader: 🐛 do not reset stickyHeader when page title is visible 8819757
  • stickyHeader: 🐛 VE should use the same methods to handle sticky header state 98e6c2d
  • toc: 🐛 fix clipping toc on desktop b78df56

Performance Improvements

  • core: ⚡️ defer background main scripts with requestIdleCallback 9556478
  • core: ⚡️ move sticky header handling to observers 30fca94
  • core: ⚡️ move window.resize to resizeObserver 241ef66
  • preferences: ⚡️ rewrite to use dropdown component 76a39ea
  • share: ⚡️ prerender the HTML for the share button 0c3786c
  • stickyHeader: ⚡️ improve responsiveness for sticky header 252e98b
  • stickyHeader: ⚡️ improve scroll performance a74d17e
  • stickyHeader: ⚡️ only recalc stickyHeader height when width changes d4d6345
  • stickyHeader: ⚡️ use transition instead of position secondary sticky elements 5975e51

2.38.3

Bug Fixes

  • toc: 🐛 invisible toc icons on desktop ded49e6

2.38.2

Bug Fixes

  • toc: 🐛 fix invisible toc on desktop 6523c5d

2.38.1

Bug Fixes

  • search: 🐛 do not set content-visbility for search card 0607e9f

2.38.0

Features

  • core: ✨ account for safe area for body element b81ed67
  • core: ✨ add basic cross-document transition 8e578b8
  • core: ✨ use newer method to set safe height 2dc7270
  • fonts: ✨ define fallback fonts to avoid CLS d46855c
  • search: ✨ use 220px thumbnail for Action API search a9ff2da
  • skinning: ✨ apply floatleft and floatright to all elements a480cc2
  • skinning: ✨ update message box styles to current standard 582a354
  • tokens: ✨ increase saturation on surface colors 168a53d

Bug Fixes

  • core: 🐛 emit resize event after clientPref change c37560a
  • fonts: 🐛 remove serif and monospace fallback fonts eab9bcf
  • skinning: 🐛 stricter selector to select a element containing thumbnail b9cfd0e
  • toc: 🐛 incorrect toc button height bbc6069
  • viewTransition: 🐛 remove unnessecary definitions 09f8f0c

Performance Improvements

  • core: ⚡️ defer non-essential init scripts 07179d5
  • core: ⚡️ do not use throttle for scroll direction observer 50a75c5
  • core: ⚡️ only embed base variant of the OOUI icon b7dad17
  • core: ⚡️ only fire scroll direction function when direction changes ec097f2
  • core: ⚡️ put sticky header elements in DOM instead of creating them on init e79ae59
  • core: ⚡️ use CSS containment for search card and sidebar 196f3d9
  • dropdown: ⚡️ use content-visibility for icons and dropdown menus 70193eb
  • footer: ⚡️ add CSS containment to footer a32bc92
  • SMW: ⚡️ use stricter selector to get icons a395471
  • tokens: ⚡️ reduce lang selector cost 2d9febf

Miscellaneous Chores

  • 🔧 add .vscode to gitignore 76eb63a

2.37.0

Features

  • core: ✨ backport class from MW core 9660faa
  • core: ✨ move page header to the bottom on main page 6d44586
  • header: ✨ add microinteraction to wiki logo/home button 06b6f6c
  • tokens: ✨ deprecate old font-weight-semibold variables c88df2d
  • tokens: ✨ deprecate old line height variables 90862b1

Bug Fixes

  • core: 🐛 fix section collapsing not functioning on Firefox (#965) 0248af9

Performance Improvements

  • sections: ⚡️ re-order conditions to short circuit earlier 01419e7

2.36.0

Features

  • Echo: ✨ sync Echo alert styles with mw.notifications cabf6b4
  • MediaWiki: ✨ add styles for usermessage b66ce9d
  • MediaWiki: ✨ update mw.notification styles cb5d4a7
  • menu: ✨ increase line-height of menu items 4849c64
  • toc: ✨ add wrapper for TOC link to hold summary 2157bcf
  • tokens: ✨ lower the brightness of destructive color in dark mode 2a53abe
  • tokens: ✨ update state colors db4d8a0

Bug Fixes

  • DiscussionTools: 🐛 fix invisible highlighted section text b68cc3a
  • Echo: 🐛 increase specificity for the selector to apply padding properly 5e749ed
  • menu: 🐛 prevent dropdown menus from overflowing the viewport 50832a7
  • pageActions: 🐛 add missing transition property 7867ad9
  • toc: 🐛 incorrect closing tag for toc summary 51c7110
  • toc: 🐛 summary should not be escaped 00bda1f

Performance Improvements

  • RecentChanges: ⚡️ disable sticky header on RC page due to performance issue 243738a

2.35.0

Features

  • core: ✨ add animation for more icons 457bc87
  • core: ✨ add some microinteractions to some of the icons dd16582
  • core: ✨ improve and clean up various CSS transitions bb9ed44
  • features: ✨ make black theme color darker f96cd74
  • features: ✨ remove saturation from black mode colors 0259645
  • mediawiki: ✨ improve responsive layout in software table ddeaa39
  • mediawiki: ✨ make Special:Version software more compact c458252
  • overflow: ✨ add noresize class to citizen nowrap classes 7702361
  • search: ✨ use trash icon instead of clear icon for clear input text button fe514e9
  • tokens: ✨ simplify box shadow and align closer with Codex styles 9519134

Bug Fixes

  • core: 🐛 escape CSS variable in HSL color 43ed770
  • core: 🐛 fix ellipsis icon rotate direction 118bd6a
  • mediawiki: 🐛 add missing LESS import for mediawiki.special a614152
  • mediawiki: 🐛 apply body styles to overlay outside of citizen-body 95c355d
  • pref: 🐛 only apply transition to transform property 8ac332a
  • tokens: 🐛 incorrect shadow opacity for dark theme a353b14

Performance Improvements

  • core: ⚡️ disable all CSS transition during window resize 10d3c17

2.34.0

Features

  • core: ✨ add more saturation to text colors b9a92b4
  • core: ✨ extend page header background to full width 53742a0
  • core: ✨ simplify section implementation and update support for new headings 20f484d
  • keyhint: ✨ remove hyphens between keys cf1e55d
  • Keyhint: ✨ tweak keyboard hint styles d2e92da
  • RecentChanges: ✨ remove skeleton screen loading d76e8a9
  • stickyHeader: ✨ collapse page tools label in sticky header 1752552

Bug Fixes

  • core: 🐛 use CSS calc instead of LESS calculation bd71ac7
  • core: fix LESS compile error on 1.39 with multiline rules c90fe6c
  • pagetools: 🐛 fix incorrect background color for language badge 17c8caa
  • tokens: 🐛 fix LESS parsing error for box shadow in MW 1.43 ecdf9f2

2.33.0

Features

  • core: ✨ make border color more visible in pure black mode ec68a30
  • core: ✨ make dark mode surface colors a bit darker 3601fbd
  • core: ✨ update to new Codex external link icon 10f5d11
  • pagetools: ✨ add border to floating buttons 0858378
  • Popups: ✨ make popup cards more compact 5a3a94a

Bug Fixes

  • menu: 🐛 hide keyhint in main menu items 249ce64
  • pagetools: 🐛 do not bound the width of page action card to page tools 96004fd
  • search: 🐛 correct Elasticsearch spelling (#958) 575acaf
  • search: 🐛 fix invisible progress bar 01365d9
  • usermenu: 🐛 hide keyhint for create account button 5f328c0

2.32.0

Features

  • core: ✨ enable heading HTML change for 1.43 c64b2ff
  • menu: ✨ add accesskey hint to menu items 10a28ac
  • search: ✨ change search text label to advanced search if AdvancedSearch is enabled dea1628
  • search: ✨ show ElasticSearch at search footer if it is enabled 3e63a3f

Bug Fixes

  • icon: 🐛 prevent icon from shrinking in size a2cc968
  • prefs: 🐛 fix incorrect option spacing 325c26f
  • search: 🐛 add missing advancedsearch message 9e3f454
  • search: 🐛 fix incorrect delimiter for gpsnamespace b630a91

Miscellaneous Chores

  • dist: 🔧 exclude .versionrc.json from dist package 3634f8c
  • dist: 🔧 exclude development files from dist package dbd0fdc

2.31.0

Features

  • search: ✨ hide scrollbar on chip list 640ecf8
  • search: ✨ migrate most typeahead elements to Mustache c327dc4
  • search: ✨ migrate typeahead to Mustache template part 2 a0296af

Bug Fixes

  • search: 🐛 add spacing between title and desc in typeahead item b448ac3
  • search: 🐛 fix broken search history 6cccf7c
  • search: 🐛 fix namespace parameter for Action API 723421f
  • search: 🐛 incorrect alignment for typeahead item text 527a767
  • userInfo: 🐛 escape html characters for real name 86da3e0 (CVE-2024-47536)

2.30.0

There are some minor HTML changes with these release. If you have parser cache enabled, please make sure to clear them after updating.

Features

  • core: ✨ add placeholder text color 7b3f8f5
  • core: ✨ increase max-height for menus in mobile layout 6f6aa82
  • search: ✨ add keyboard hint to search card a213f1d
  • search: ✨ add message to search footer 138f7a9
  • search: ✨ clean up and simplify styles 151d60f
  • search: ✨ clean up HTML structure c35d86f
  • search: ✨ clean up search suggestion padding f1bf40a
  • search: ✨ clean up spacing and alignment in typehead elements 5605d18
  • search: ✨ remove search form and footer glass effect 3ad8902
  • search: ✨ tweak search box to be more center for desktop 28b117d
  • search: ✨ tweak various search styles 55227e6
  • search: ✨ use glass effect on search form and footer d90ba79

Bug Fixes

  • search: 🐛 add missing reset style for li 8800ca6
  • search: 🐛 add missing search footer background color d6a7c9d
  • search: 🐛 fix incorrect max height for search card eb3927a
  • search: 🐛 fix search button icon clipping 73eb950
  • search: 🐛 search all content namespaces for Action API 3719897
  • VisualEditor: 🐛 unstick page header in VE 3804574

Miscellaneous Chores

  • dev-deps: 🔧 update browserlist 60e96f7

2.29.0

Features

  • core: ✨ add indent line to changelist a00fe11
  • core: ✨ add support for mw-sticky-header-element 2569749
  • core: ✨ add support for skin-invert and skin-invert-image 8f61265
  • core: ✨ do not hardcode scroll padding top 8354f8e
  • core: ✨ minor tweaks to changelist styles 2c862b0
  • toc: ✨ allow ToC to be collapsible 257673a, closes #556
  • toc: ✨ expand the current active section 1b7025e
  • toc: ✨ reduce the size of toc toggle icon 07dd936
  • toc: ✨ switch to ToC implementation based on Vector 2022 8640d4e

Bug Fixes

  • toc: 🐛 exclude toggle from top section hover ab62d65
  • userinfo: 🐛 use more appropiate i18n for edit label 19441d8, closes #944

2.28.0

Features

  • FloatingUI: ✨ add support for Extension:FloatingUI bb44e05
  • FloatingUI: ✨ sync styles with the latest version 4dd8e54
  • SemanticMediaWiki: ✨ update jsonview styles 6fef375
  • StructuredNavigation: add styles for StructuredNavigation (#943) 8eb6e51
  • TabberNeue: ✨ drop CSS variable definition for TabberNeue 12196cb

Bug Fixes

  • SemanticMediaWiki: 🐛 fix undefined LESS mixin c698990
  • StructuredDiscussions: 🐛 fix missing LESS import 81a3cd1, closes #711

2.27.0

Features

  • Cargo: ✨ make Cargo dynamicTable responsive 2730769, closes #924
  • Cargo: ✨ update Cargo table styles to match with wikitables 8099399, closes #923
  • DataTables: ✨ let scoll wrapper handles borders instead 8f03aad
  • search: ✨ append fragment to search suggestion URLs, if one is provided 5e4e57f
  • TemplateData: ✨ update TemplateData styles 0b397ee
  • UploadWizard: add basic styles for campaign (#925) 118f9d4

Bug Fixes

  • category: 🐛 fix incorrect hover text color for visited new category fd0346e, closes #933
  • DiscussionTools: 🐛 fix incorrect font-family for headings e3dc77f, closes #930
  • OOUI: 🐛 add missing invert color rules for framed progressive buttons 1461172
  • ooui: 🐛 remove incorrect OOUI checkbox invert rule 8de13a1
  • pagetools: 🐛 add additional check for source edit button fadd989, closes #929
  • pagetools: 🐛 fix incorrect selector for edit buttons a4fdcf3
  • wikitable: 🐛 fix missing bordered wikitable borders when rowspan is used 14591ad, closes #932
  • wikitable: 🐛 stricter selector for border separator 7dbdf27

2.26.0

Features

  • core: ✨ add reset styles for border-width and border-color 2fe9443
  • core: ✨ tweak changelist and toc border width b9cd270
  • core: ✨ update box-shadow CSS variables c1370e9
  • fonts: ✨ bump Roboto Flex to 3.200 4d803f8
  • OOUI: ✨ update filter invert rules b922b03
  • SMW: ✨ tweak Tippy styles to match with Citizen f1e2130
  • stickyHeader: ✨ add transition to secondary sticky header 1703d29
  • UserProfileV2: ✨ add UserProfileV2 style (#914) ffbaa5b
  • wikitable: ✨ add new wikitable utility classes for additional styling 362dcd0
  • wikitable: ✨ use more accurate selectors to apply border and border radius cc0820c

Bug Fixes

  • AccountInfo: 🐛 incorrect CSS var name d115a5e
  • AccountInfo: 🐛 resetting incorrectly styled elements (#915) dad5c26
  • core: 🐛 do not use inset for box-shadow-border 6711196
  • core: 🐛 fix uneven margin in table cells 9baf851
  • overflow: 🐛 fix undefined wrapper 764f759
  • stickyHeader: 🐛 incorrect border box shadow 9a0ebf4
  • WikiEditor: 🐛 missing border bottom rule 81348ff
  • wikitable: 🐛 incorrect border radius when both thead and tbody are present 15ebea1
  • wikitable: 🐛 incorrect selector for tfoot 08a7a51

Miscellaneous Chores

  • husky: 🔧 deprecate old commands bd0cea7

2.25.0

Features

  • AccountInfo: add AccountInfo styles (#749) 99e7f08
  • core: ✨ implement Codex border-width tokens 1fefddd
  • print: ✨ add wikitable styles and hide contentSub 5296aef
  • print: ✨ allow font size settings affect print styles 8641bec
  • print: ✨ hide page footer in print styles 1da57e5
  • print: ✨ rework print styles 543400d
  • stickyHeader: ✨ add CSS var --height-sticky-header to offset sticky elements c9d98e4
  • stickyHeader: ✨ implement sticky header variables into other sticky styles a1ad423

Bug Fixes

  • print: 🐛 add important declaration to hidden print elements aeb083e
  • print: 🐛 only color variables require important declaration a9fb03f
  • toc: 🐛 ToC should have the same padding as other menu cards f3042f5

2.24.0

Features

  • core: ✨ use Codex tokens for z-index b5180bf
  • DataMaps: ✨ add DataMaps init styles 46c139a
  • DataMaps: ✨ add styles for Extension:DataMaps 5fdcfc6
  • leaflet: ✨ add Leaflet styles for Leaflet map extensions 4c51200
  • Leaflet: ✨ bump Leaflet button sizes to match Codex a67f075
  • Leaflet: ✨ tweak Leaflet control margin fb965e3
  • pref: ✨ add clientpref to disable auto-hide navigation f0d1176, closes #841
  • stickyHeader: ✨ reduce page title size f66348b

Bug Fixes

  • Changelist: 🐛 fix incorrect legends z-index cae7c75
  • core: 🐛 explictly set z-index for body container 2794a32, closes #577
  • DataMaps: 🐛 fix OOUI button width and invert icon on dark mode 1688b92
  • DataMaps: 🐛 remove unused styles 0540f0d
  • Leaflet: 🐛 fix button alignment 7b6520b
  • leaflet: 🐛 incorrect checked label selector 1471c1b
  • leaflet: 🐛 re-introduce box-shadow back to touch buttons 51caa71
  • stickyHeader: use cached value for placeholder height if possible c3855ff, closes #854
  • ToC: 🐛 increase z-index of ToC backdrop c555dfe

2.23.0

Features

  • CiteThisPage: ✨ add styles for Extension:CiteThisPage 7178f6d
  • codex: ✨ backport Codex v1.8.0 variables to mediawiki.skin.variables 2896817
  • core: ✨ clean up th styles 232fd0c
  • core: ✨ theme and unify text selection color using progressive colors ba62b92
  • dropdown: ✨ add fade-in animation to dropdown menu 20e4f7e
  • PWA: ✨ set orientation to natural 1f417ed
  • SearchDigest: ✨ tweak stats table styles 9037fd1
  • stickyHeader: ✨ add background transition 8eef0aa
  • wikitable: ✨ avoid double border when border attribute is active fccc024
  • wikitable: ✨ use box-shadow instead of border hacks to build table border 442c272

Bug Fixes

  • core: 🐛 add webkit prefix to backdrop filter rules 6dfc62b
  • core: 🐛 fix incorrect screen reader text reset styles d3ef4af
  • core: 🐛 incorrect box-shadow values 9161988
  • dropdown: 🐛 dropdown button should be above the backdrop c2523b1
  • dropdown: 🐛 use both touchstart and mousedown event listener for click outside event a4593d7, closes #895
  • search: 🐛 check if article path has question mark before adding search params ecc4cca, closes #903
  • search: 🐛 fix incorrect parameter for debounce function 55b310d
  • share: 🐛 incorrect debounce parameter assignment e9fd488
  • skinning: 🐛 only apply top margin to figcaption when it is not empty 3d7311d
  • stickyHeader: 🐛 add a placeholder element to page header to avoid layout shift when stickied e5336c4, closes #854
  • stickyHeader: 🐛 only add sticky class on resize when it is applicable 7f9f975
  • stickyHeader: 🐛 use more accurate calculation for placeholder a7a763b
  • toc: 🐛 fix transparent ToC button aaa677f
  • toc: 🐛 keep ToC button at the same position 72edb81

2.22.1

Bug Fixes

  • Echo: 🐛 incorrect selector for notification count 9372c74

2.22.0

Features

  • core: ✨ use px for border-radius 00b2495
  • core: ✨ use text-wrap pretty for blockquote elements add781a
  • dropdown: ✨ revamp dropdown menu handling 516ef3a, closes #882
  • Echo: ✨ upgrade Echo buttons for consistency fdc6eae
  • pref: ✨ extend font-size adjustments to all text b53381e
  • search: ✨ unify url generation in search typeahead 9c77c7f, closes #898
  • search: ✨ use Short URL in search suggestion c5c47ae
  • SearchDigest: ✨ add styles for Extension:SearchDigest 251109c
  • toc: ✨ drop checkbox hack usage in ToC in favor of dropdown (#894) f2ff92e, closes #855

Bug Fixes

  • core: 🐛 avoid sr-only text clipping during transform 111607e
  • core: 🐛 fix invalid background-color properties 23f2667
  • core: 🐛 remove git merge artifacts 3392eb7
  • dropdown: 🐛 merge conflicting dismiss event handlers 317296e, closes #895
  • search: 🐛 incorrect article not found icon size 9ace83a
  • toc: 🐛 elements behind collasped ToC should be interactable a68626f, closes #896

2.21.0

Features

  • core: ✨ clean up state colors ff0a6ed
  • core: ✨ convert some CSS variables into Codex equivalent 5d3ecd9
  • core: ✨ convert some CSS variables into Codex equivalent part 2 0fdc7c4
  • core: ✨ convert some CSS variables into Codex equivalent part 3 7c9eadb
  • core: ✨ set new link color to color-destructive c21a908
  • menu: ✨ add blur to menu backdrop 23b3c33
  • mmv: ✨ tweak button styles in lightbox 17e9840
  • mmv: ✨ tweak lightbox caption text handling cb683c7
  • pageActions: ✨ blend language badge into the background 0a1ac14
  • stickyHeader: ✨ reduce direction observer throttle 5715a29

Bug Fixes

  • core: 🐛 fix max-width breakpoint calculation in LESS 568dfc7
  • core: 🐛 remove smooth scrolling for body 1bce892, closes #883
  • pageActions: 🐛 language badge should use the same color as its background ae4131f
  • preferences: 🐛 incorrect active button color 66e7282
  • skinning: 🐛 fix incorrect mw-halign-left left margin fbd030a
  • stickyHeader: 🐛 use margin and padding instead of grid gap for body spacing 2f7ae8f

Miscellaneous Chores

  • dev: 🔧 disable plugin/no-unsupported-browser-features in Stylelint 931e94d

2.20.0

Features

  • overflow: ✨ use CSS variable for overflow gradient size f0de4f4
  • pageActions: ✨ add share button to page actions for article pages 327aca0
  • pageActions: ✨ use neutral color for language badge fce1f77
  • search: ✨ shorten fulltext and media search button label ba1f77d
  • share: ✨ only share URL 1edc40e

Bug Fixes

  • core: 🐛 force selected view button to be visible on revision pages 3d90051
  • datatable: 🐛 table should not be wider than the wrapper 7e20daa, closes #888
  • menu: 🐛 prevent page from scrolling when dropdown menu is open in small viewport dd53576
  • menu: 🐛 show view button specifically on revision and diff pages eb58bd6, closes #845
  • overflow: 🐛 remove unused mask rules c34868d
  • skinning: 🐛 incorrect text alignement for mw-halign-center e4697c4
  • wordmark: 🐛 wordmark should resize responsively 7133648

2.19.0

Features

  • skinning: ✨ remove top and bottom margin from nested lists 08e63e3, closes #886
  • wordmark: ✨ implement wordmark in drawer c47531a

Bug Fixes

  • footer: 🐛 incorrect invert rule for footer wordmark e0507d4
  • menu: 🐛 avoid double view button on talk page 923dded
  • overflow: 🐛 overflow content should fill parent container 2639b0f
  • overflow: 🐛 prevent overflow button from triggering form action button 7fb35f9
  • pageHeading: 🐛 capture brackets even without whitespace prefix 3e64df8, closes #879
  • skinning: 🐛 incorrect margin for right float thumbnails fae9dad
  • WikiEditor: 🐛 align toolbar buttons 84d58be

2.18.1

Bug Fixes

  • core: 🐛 incorrect side margin for ul and ol d079cc9
  • menu: 🐛 fix invisible user menu on desktop Safari 00dba95

2.18.0

Features

  • core: ✨ hide the text from the help indicator 5bc18b5
  • pageHeading: ✨ add support for all Unicode opening and closing punctation marks 01d14d5, closes #879

Bug Fixes

  • menu: 🐛 fix invisible user menu a7c74e3
  • menu: 🐛 hide Safari details marker c52dc49
  • menu: 🐛 incorrect Safari details marker selector 3b3bb30
  • overflow: 🐛 wrapper should respect float elements 9bd18ea, closes #878
  • Popups: 🐛 invert icon in dark mode 20fd064

2.17.2

Bug Fixes

  • overflow: 🐛 allow to click through the nav element dd89dab
  • pagetools: 🐛 attach menu to the page actions bar instead of the button feae1e6
  • toc: 🐛 ToC should have a higher z-index than page actions in smaller viewport 089a329

2.17.1

Bug Fixes

  • overflow: 🐛 align scroll buttons with content margin 4b457df
  • overflow: 🐛 expand blocklist for nowrap as some tables contain the wikitable class f5e9891
  • overflow: 🐛 mark oveflow button as not accessible for screen reader 7830faa
  • overflow: 🐛 use more accurate rounding method for overflow detection cbf6003

2.17.0

Features

  • cssVar: ✨ add --color-inverted-primary for text color above primary color 86ef5ef
  • overflow: ✨ add overflow scroll button when using a pointer device 55d413e

Bug Fixes

  • core: 🐛 do not debounce scroll direction script ababe58
  • core: 🐛 incorrect opacity and color of icons in button 8541b7e
  • ooui: 🐛 define invert color for progressive buttons 670d214
  • search: 🐛 remove unused param from getRedirectMessage() d0e6842
  • skinning: 🐛 incorrect margin value for floating thumbnail 0a8c49a
  • tagline: 🐛 always return string from user tagline fe9c0f8, closes #871

2.16.1

Bug Fixes

  • hooks: 🐛 add missing article page icon on talk pages e372c4b, closes #867
  • hooks: 🐛 add missing icon for talk pages e9cdf04
  • hooks: 🐛 always add editsection classes as string ea5524f, closes #829
  • hooks: 🐛 use arrowPrevious icon for return action on talk page 9556c44

2.16.0

Features

  • core: ✨ add dismiss affordnance to dropdown menus d0691a0
  • core: ✨ destructure surface colors into hsl variables c40c7c7
  • core: ✨ only handle wikitable instead of all tables 83ab221
  • core: ✨ replace checkbox hack with details and summary a2d3159

Bug Fixes

  • components: 🐛 escape the contents of MediaWiki:Tagline 4a43280
  • core: 🐛 avoid using core mw.util.addPortlet for now a8daa82
  • core: 🐛 check if page content model and whether the title can exist before formatting 06d10b9
  • core: 🐛 hide Safari details marker 8751345
  • core: 🐛 incorrect classes and styles for page action cards 621adff
  • core: 🐛 incorrect selector to disable search card animation on mobile 87f15dd
  • core: 🐛 incorrect software alignment on Special:Version a6abc3c
  • core: 🐛 revert max-width rule on installed software 3b90a46
  • dropdown: 🐛 toggle should dismiss the dropdown properly 32d10f8
  • search: 🐛 opening search card should not play animation on mobile 151e51d

Performance Improvements

  • core: ⚡️ check for nowrap classes before constructing class 2bbb1d9
  • core: ⚡️ do not use will-change d8b3cad
  • core: ⚡️ do not use will-change (part 2) e9d7cc2

Miscellaneous Chores

  • dev: 🔧 add editconfig file c17e6a9

2.15.1

Performance Improvements

  • core: ⚡️ consolidate citizen-menu card shared styles e95d3d3
  • core: ⚡️ tweak menu animation timing f74e3d2

Miscellaneous Chores

  • composer: 🔧 use starcitizentools as vendor since mediawiki is disallowed defc1ce

2.15.0

Note: Citizen no longer wrap any tables other than table with the class wikitable. If you want an element to be wrapped, add the citizen-overflow class to the element.

Features

  • ✨ improve scrolling performance 27bca0f
  • core: ✨ add config to change overflow inherited classes 974e6b2
  • core: ✨ change overflow gradient to fixed size c3943ca
  • core: ✨ rename wgCitizenTableNowrapClasses to wgCitizenOverflowNowrapClasses c17aeab
  • core: ✨ wrap any elements tagged with the class citizen-overflow 4ed68a9
  • TabberNeue: ✨ add init styles 45ee5f8
  • TabberNeue: ✨ update Tabber styles be01d5b

Bug Fixes

  • core: 🐛 always reset overflow state 7b32aee
  • core: 🐛 escape double quotes for toc selector ae6d207
  • core: 🐛 fix incorrect overflow wrapper class name bc356f9
  • core: 🐛 incorrect sticky header class assignment af3d72a
  • core: 🐛 remove table border expansion before the JS is loaded cb1cfde
  • core: 🐛 update overflow config name in skin.json c1582a8

Performance Improvements

  • core: ⚡️ further improvements to scroll and section observers e9289b1
  • core: ⚡️ only toggle class when the element is overflowing 523140f
  • core: ⚡️ remove scroll eventListener and resizeObserver on tables when not needed 7a4d433

2.14.1

Miscellaneous Chores

  • release-please: 🔧 add manifest and config files cc4e7b1
  • release-please: 🔧 fix config file name 0ed940c
  • workflow: 🔧 check if condition earlier 6c996b7
  • workflow: 🔧 only trigger PHP tests when PHP files are changed d6e996b

2.14.0

Features

  • components: rewrite template data partials into CitizenComponent components (#846) 03da361
  • core: ✨ tweak dark theme color to be darker a193d14
  • mediawiki: ✨ tweak login and signup page styles cae19d7
  • TabberNeue: ✨ update TabberNeue RL module name d7f6c0c
  • VisualEditor: ✨ hide less useful buttons when width is limited 820d612

Bug Fixes

  • codex: 🐛 target new codex style RL module as well 27eac2d
  • components: catch MalformedTitleException in titleFromText 0006db6
  • core: 🐛 do not hide view button on revision page 9969479, closes #845
  • core: 🐛 incorrect label text when edit count contains separator c5e8c2b
  • core: 🐛 incorrect section selector 685901c
  • core: 🐛 incorrect try catch block d4d71dc
  • core: 🐛 only pass string into str replace 84a65a3
  • core: 🐛 pass namespace key as string f781773, closes #849
  • core: 🐛 turn message into string before str_replace e5fef2a
  • core: Rename Usermenu.less to UserMenu.less c09b82c
  • mediawiki: 🐛 overflow signupstart container b922505
  • search: 🐛 label can sometimes contain HTML b946056

Miscellaneous Chores

  • 🔧 add release-please action c72a25b
  • 🔧 drop JSdoc as it is not being used b10c1a8
  • 🔧 drop standard-version in favor of release-please 488f655
  • 🔧 set release policy to PHP 2b15ff8
  • dep-dev: 🔧 remove svgo as it is not used 0eb9a8a
  • deps-dev: bump grunt-banana-checker from 0.12.0 to 0.13.0 (#847) 18676da
  • eslint: 🔧 use wikimedia/server for root folder eslint config 4762102

2.13.5

This is a hotfix for 2.13.4.

2.13.5 (2024-05-09)

Bug Fixes

  • core: 🐛 add missing styles for user menu 604ee85

2.13.4

2.13.4 (2024-05-09)

Features

  • core: ✨ add last modified to sidebar 89b5ff1
  • core: ✨ only show date in last mod sidebar c2c95f0
  • core: ✨ simplify toc styles 0aa6172
  • core: ✨ tweak black theme color 226fd0a
  • core: ✨ use relative time for sidebar last mod f2393a7, closes #700
  • VisualEditor: ✨ better responsive toolbar handling a1e76bc

Bug Fixes

  • core: 🐛 add missing var 049366a
  • core: 🐛 hide sidebar lastmod on tablet ed54bbf
  • ooui: 🐛 only define border color instead of other border properties 4d81dff

2.13.3

2.13.3 (2024-05-06)

Features

  • Cargo: ✨ add icon to purge button 3aba632
  • CiteThisPage: ✨ update icon to align with master branch 3eab91c
  • core: ✨ enable caching for inline JS 5d59a6d
  • core: ✨ remove scrollbar styles 4558da3
  • core: ✨ switch all icons to OOUI module 58bab74
  • DiscussionTools: ✨ add icon to page subscribe button 9f3b7dc
  • DiscussionTools: ✨ update header styles 960dcef

Bug Fixes

  • core: 🐛 avoid sticky toolbar from clipping on Firefox 1d4cdd6
  • Echo: 🐛 re-implement nojs Echo buttons 76a93e9
  • VisualEditor: 🐛 disable VE icon skin 9a403ee, closes #839

2.13.2

2.13.2 (2024-05-03)

Features

  • core: ✨ align footer links to the end of the footer 3566e9c
  • core: ✨ allow drawer menu to expand in smaller screen 5a5b4aa
  • core: ✨ change primary action links in user menu into buttons ffa7d76
  • core: ✨ enable menu link text wrapper edfb58e
  • core: ✨ increase border color contrast in dark mode efa27a5
  • core: ✨ render Echo icons in skin instead of js 4f9ded3
  • core: ✨ tweak personal menu spacing 205cee2
  • VisualEditor: ✨ enable edit button icon for MW > 1.42 2c16975

Bug Fixes

  • core: 🐛 declare missing support for user-interface-preferences menu 642664e
  • core: 🐛 incorrect font size for sticky title parenthesis text 71ef6b7
  • core: 🐛 stricter match for title parenthesis 0015743

2.13.1

2.13.1 (2024-04-28)

Features

  • core: ✨ add overflow handling to site and content sub 354ae25
  • core: ✨ add qrcode icon to urlshortener in toolbox 358f172
  • core: ✨ add wikidata icon to wikibase in toolbox 1997f12

Bug Fixes

  • core: 🐛 add missing file associated page icon a09e5e0
  • core: 🐛 apply addDefaultPortlets separately 59fc003
  • prefs: 🐛 incorrect function call for addPortlet 99fe5f9, closes #832
  • prefs: 🐛 incorrect function call for addPortlet 4bc4301, closes #832

2.13.0

Features

  • core: ✨ add pure black mode for dark theme 5768ccc
  • core: ✨ add transition to body-container width 8f565b3
  • core: ✨ fine tune bottom toolbar animation 1dcc18a
  • core: ✨ make sticky header more compact in limited screens a5bf941
  • core: ✨ move page actions into bottom toolbar when width is limited ff909e2, closes #821
  • core: ✨ move theme preferences to clientPrefs a741639, closes #780
  • core: ✨ only load the inline script if EnablePreferences is true 52f4bab
  • core: ✨ reduce opacity of sticky header b186efb
  • core: ✨ tweak pure black mode colors 56046d7
  • preferences: ✨ implement a localStorage version of mw.user.clientPrefs ed226a4, closes #780
  • prefs: ✨ add hover state to theme buttons b929c2b
  • prefs: ✨ change theme toggle to 3 col 316798d
  • prefs: ✨ migrate font size to client preferences 0d52046
  • prefs: ✨ move font size before theme f6f1c4d
  • prefs: ✨ move page width to clientPrefs 241dc96
  • prefs: ✨ remove line-height customization for now 964a4a5

Bug Fixes

  • core: 🐛 hide notification menu header in header e5af171
  • core: 🐛 incorrect class of auto theme on page output 405eef0
  • core: 🐛 incorrect delimiter in inline script 4aefd74
  • core: 🐛 invalid selector 8bb2d9e
  • core: 🐛 make ToC tracking work for non-content pages cd21fd0
  • core: 🐛 remove leftover console log c2aa796
  • core: 🐛 remove margin when contentSub is empty 0a0a663
  • core: 🐛 round scrollLeft to integer d9675eb
  • core: 🐛 use runOnSkinTemplateNavigationHooks instead ff3acf3, closes #812
  • ooui: 🐛 load skinStyles when only styles are initalized 4aa7a22
  • toc: 🐛 CSS escape ID 9cd0cc4

2.12.0

Features

  • core: ✨ increase line height for CJK text 6b6dc5b
  • core: ✨ proper em handling for CJK languages 6dd0f09
  • core: ✨ rename border-color variables and increase contrast fc47692
  • core: ✨ tweak light theme colors a3e060b
  • PortableInfobox: ✨ clean up header styles 756c87d
  • SMW: ✨ hide entity examiner indicator 5d8ba9f
  • SMW: ✨ tweak browse property font size 7aef0c5

Bug Fixes

  • core: 🐛 hide section indicator unless explictly enabled d820947
  • core: 🐛 incorrect selector for SemanticResultFormats datatables 84cf306
  • mediawiki: 🐛 image clipping in packed gallery 44e7af7, closes #822

2.11.1

2.11.1 (2024-04-06)

Features

  • core: ✨ backport valign styles for images from 1.40+ fdc22e4
  • datatables: ✨ completely hide disabled button for search pane e72c460
  • datatale: ✨ add scroller styles 3fcd46d

Bug Fixes

  • core: 🐛 select dropdown menu background 7fda126
  • dataTable: 🐛 do not wrap dataTables_wrapper a395e8d
  • datatables: 🐛 minor style fixes 4e236b3

2.11.0

Features

  • core: ✨ implement new light theme 54ca25f
  • datatables: ✨ add basic styles for search pane b7df8c9
  • datatables: ✨ rework search pane and filter styles 84abe5a
  • datatables: ✨ sync styles with wikitable a85ecb5

Bug Fixes

  • core: 🐛 remove loading indicator when page is unloaded 21ce85a, closes #811

2.10.1

Features

  • core: ✨ increase top margin of content footer 75548a9
  • core: ✨ reduce menu header font size 1106825
  • mediawiki: ✨ tweak styles on Special:Version 3a62b5f
  • toc: ✨ tweak toc header font size cb1f9e6
  • VisualEditor: ✨ improve visibility of text highlight colors 8de5b3d

Bug Fixes

  • core: 🐛 file page sticky header overlapping TOC 9cf358f, closes #797
  • Echo: 🐛 missing styles for new talk page alert b90dd3d

See all commits

2.10.0

Notes

  • Borders are added to wikitables. If you have any templates or styles rely on .wikitable, please note the changes.
  • --font-size-hN variables are renamed:
Old CSS variable New CSS variable
--font-size-h1 --font-size-xxx-large
--font-size-h2 --font-size-xx-large
--font-size-h3 --font-size-x-large
--font-size-h4 --font-size-large
--font-size-h5 --font-size-medium
--font-size-h6 --font-size-medium

⚠ BREAKING CHANGES

  • core: 💥 ✨ rework font-size CSS variables

Features

  • core: ✨ override font-size-related skin variables 3f44789
  • core: ✨ use CSS variables for small font sizes c9f665e
  • core: ✨ use CSS variables for x-small font sizes 3162e19
  • core: 💥 ✨ rework font-size CSS variables a9acc08
  • gallery: ✨ increase margin for gallery bba8398
  • gallery: ✨ use flexbox for packed gallery 2972726
  • Scribunto: ✨ tweak debug console styles 6947105
  • wikitable: ✨ add border to wikitables 9bd23fd
  • wikitable: ✨ simplify wikitable border styles b6872f9
  • wikitable: ✨ use the same font size for th and td c13fd3e

Bug Fixes

  • CodeMirror: 🐛 rename VisualEditor RL module ea5c10a, closes #781
  • gallery: 🐛 misalign gallery caption c9f6ec6
  • Scribunto: 🐛 incorrect font family fc0f469
  • VisualEditor: 🐛 add find and replace dialog background color 3396cfd, closes [#794]

See all commits

2.9.1

Features

  • ar: add support for Arabic fonts through Noto Arabic (#755) e985f86 by @eahmed234
  • core: ✨ revert new RC styles 2a41a0b, closes #764
  • core: ✨ use CSS variable to define default Citizen font 5e575f4
  • DarkMode: disable dark mode extension (#777) cabd2b9 by @jdlrobson

Bug Fixes

  • core: 🐛 deprecate more old ResourceLoader classes 3a73bdc
  • core: 🐛 hide pseudo elements instead of deleting them (pt2) bdd986d
  • core: 🐛 typo in skin module classes 43348d2
  • core: deprecate old ResourceLoader class (#784) 9dc952b, closes #783 by @jdlrobson

New Contributors

See all commits

Contributors

  • @eahmed234 profile picture
eahmed234

2.9.0

Note

Citizen now uses the same breakpoints as Codex. If you have templates that utilized those breakpoints, you might want to update them.

Type Old New
Mobile 320px 320px
Tablet 720px 640px
Desktop 1000px 1120px
Desktop wide 1300px 1680px

Features

  • core: ✨ clean up skin variables load order f1ddf32
  • core: ✨ make changelist item more readable e0f9ac1
  • core: ✨ prefer Roboto over language fonts b134fbf
  • core: ✨ replace breakpoint LESS variables with Codex tokens 60999eb, closes #735
  • core: ✨ use CSS variable for language-specific fonts eee044d

Bug Fixes

  • core: 🐛 check for read access before attaching manifest 0da7d8f, closes #747
  • mediawiki: 🐛 add missing preferences styles from 1.41 40fffd6
  • toc: 🐛 incorrect breakpoints for ToC 21f7cc4
  • VE: 🐛 do not invert image in link preview 109779c

See all commits

2.8.5

Features

  • core: ✨ remove top margin from siteSub 47d06bc
  • core: ✨ remove unnessecary style from siteSub 92f0692
  • search: ✨ turn search actions into chips b0f89ba

Bug Fixes

  • core: let makeSections xpath query cope with multiple classes (#733) 6f5b761 by @kemayo
  • ooui: rounded button corners in save changes modal (#736) 906c1fd by @SpaceEnergy
  • search: 🐛 chip text should not wrap 071a58a

New Contributors

See all commits

Contributors

  • @SpaceEnergy profile picture
  • @kemayo profile picture
SpaceEnergy and kemayo

2.8.4

Bug Fixes

  • core: 🐛 check for mw-heading wrapper first before mw-parser-output 672740a
  • core: 🐛 hide loading indicator when user clicks back button on browser 201a38f, closes #718
  • core: RTL flipping of the progressbar animation keyframe by @0x416c69 (#723) 456b75c
  • toc: 🐛 incorrect layout when ToC title has multiple elements 2c10335

New Contributors

See all commits

Contributors

  • @0x416c69 profile picture
0x416c69

2.8.3

Features

  • core: ✨ prefix citizen section classes 2f40541
  • PortableInfobox: ✨ reduce paragraph margin to be similar to Vector 7b63d86
  • PortableInfobox: ✨ sync border color 2d99879

Bug Fixes

  • core: 🐛 do not wrap diff table f38e6bb
  • core: 🐛 stricter selector for collapsible header a6a9fe2
  • core: 🐛 stricter selector for collasible headers in formatter 45a726d
  • search: 🐛 search icon clipping 68dc715
  • search: 🐛 show presult during init 2a2d6e3

See all commits

2.8.2

Features

  • search: ✨ add missing border between placeholder and group 2d54cbd
  • search: ✨ add suggestion to edit page 3d31d08
  • search: ✨ only add divider between groups 9280e7c
  • search: ✨ only add divider between suggestions and footer 96cf5be
  • search: ✨ only change search input font size for mobile Safari cb02307
  • search: ✨ only show edit page action if user has rights 6f3d82d
  • search: ✨ reorganize DOM structure of the typeahead 1f0a2e5
  • search: ✨ strip wikitext link syntax in search 0c0f4f4
  • search: ✨ various tweaks to typeahead styles 969f4f0

Bug Fixes

  • core: 🐛 fire input event when search query is cleared 325f22f
  • search: 🐛 incorrect thumbnail icon width 3104280
  • search: 🐛 make search input selectable e8f33bd

See all commits

2.8.1

Features

  • core: ✨ use quiet hover color for menu items 96f6361
  • search: ✨ increase description extract character limit to 100 853e9a9
  • search: ✨ search template namespace when template syntax {{}} is used 2f2dc33
  • search: ✨ use square aspect ratio for suggestion thumbnail 042f2bf

Bug Fixes

  • core: 🐛 catch IntlException for NumberFormatter 1cfe3cd, closes #474
  • search: 🐛 search history URL should not force fulltext 2c1940c
  • StructuredDiscussion: 🐛 merge skinStyles into the same RL module cb5f4a0, closes #711

See all commits

2.8.0

Features

  • core: ✨ reduce space between section indicator and title c8ba546
  • core: ✨ tweak more menu spacing dc9f6f0
  • search: ✨ add search history to initial state f6d3fc9

Bug Fixes

  • core: 🐛 bump search input font size 122819b, closes #513
  • core: 🐛 increase search input font size to 1rem 07aa883, closes #513
  • core: 🐛 only increase search input font size for mobile 87886b3
  • search: 🐛 do not add empty term to search history bd41516

See all commits

2.7.11

Bug Fixes

  • core: 🐛 incorrect value for aria-controls 29d0f4b
  • core: 🐛 remove duplicated id for toc label 81288a7
  • search: 🐛 avoid double escape for equal sign b015647
  • search: 🐛 ensure that onFocus event are properly fired 9921a00
  • search: 🐛 incorrect SMW search result mapping 0281037

See all commits

2.7.10

Apologies for releasing multiple hotfixes within a short time. The search refactor has some unexpected issues with different wiki configurations and it should now be all fixed.

Bug Fixes

  • search: 🐛 handle multiple redirect key in Action Search Client 0dd3a82

See all commits

2.7.9

Bug Fixes

  • search: 🐛 always set label for search clients 6fb2b1a

See all commits

2.7.8

Bug Fixes

  • search: 🐛 avoid double encoding conditions and printouts 4b1a39e
  • search: 🐛 undefined wgScript config 69163be

See all commits

2.7.7

Features

  • core: ✨ adapt typography to user preferences 0afb40f
  • FlaggedRevs: ✨ add styles dad90d3, closes #701
  • search: ✨ reimplement multi search command experiment eec5c6f
  • search: ✨ reimplement SMW Ask API search 51db199

Bug Fixes

  • search: 🐛 exit early if there are no query results 4241f85
  • toc: 🐛 add null check for link e866edc

See all commits

2.7.6

Features

  • ✨ add support for source element in thumbnails 4f19de3
  • CookieWarning: ✨ update banner styles 67bb0c1
  • core: ✨ add overflow handling for citizen inner header fab4d27
  • core: add overlay transition to header menus 2f64346
  • MediaWiki: update bad file styles for bad image list (#697) f0f0a07 by @Dringsim
  • toc: remove background and color transition from top link c14889f

Bug Fixes

  • core: 🐛 add missing hover styles for source element in thumbnails 4e931f6
  • core: 🐛 incorrect selector for menu backdrop styles 65fe56d
  • MediaWiki: break down long filenames for broken files (#698) 6e44db8 by @Dringsim
  • VisualEditor: don't merge edit buttons when JS is disabled (#696) 69a6350 by @Dringsim

See all commits

2.7.5

Features

  • core: ✨ remove expensive CSS animation 85f036c
  • core: ✨ sync input styles with Codex and OOUI a6bc1a8
  • MediaWiki: ✨ light up changelist dot on hover 4cf9417
  • SemanticMediaWiki: ✨ add datatable styles 8cfa260
  • SemanticMediaWiki: ✨ tweak SMW datatable styles ab70217
  • SemanticMediaWiki: ✨ update datatable filter focus styles e7ef543

Bug Fixes

  • core: 🐛 deprecate User::idFromName 8605c6c
  • core: 🐛 enter key should not clear search input 739fa85
  • core: 🐛 inconsistent search focus behavior 1aba52b
  • core: 🐛 missing space between logo attributes 075875c
  • core: 🐛 only apply hover style to wikitable tbody rows f555f3c

See all commits

2.7.4

Bug Fixes

  • core: 🐛 do not insert pseudo elements to input element 0e42030, closes #689
  • MediaWiki: 🐛 fix various LESS import error 2308138

See all commits

2.7.3

Features

  • core: ✨ tweak sitestats font size 7ea3b94

Bug Fixes

  • core: 🐛 fix LESS import error 6664ceb

See all commits

2.7.2

Features

  • Capiunto: ✨ add more cohesive infobox styles 1ba2acb, closes #688
  • Capiunto: ✨ add rounded corner to Capiunto infobox 0d7fff1
  • core: ✨ add overlay as affordance to popup menus 703fac6
  • MediaWiki: ✨ add border to rc filter 4678e26
  • MediaWiki: ✨ add color for interface helpers ad31d5d
  • MediaWiki: ✨ add non-enhanced changelist styles cf82ea8
  • MediaWiki: ✨ align contribution list styles with changelist styles 4badae5
  • MediaWiki: ✨ minor tweak to color in changelist 727988a
  • MediaWiki: ✨ revamp changelist styles 67a5bb4
  • MediaWiki: ✨ tweak non-js rcfilter styles ad3fc27
  • MediaWiki: ✨ tweak pager styles on changelist pages 5af3cdc
  • Tabs: ✨ add support for Extension:Tabs 42a4030, closes #687

Bug Fixes

  • MediaWiki: 🐛 incorrect legacy rcoptions styles 1619966
  • MediaWiki: missing changelist legend styles in 1.40 (#685) 50ae4d9
  • toc: 🐛 init observer only when there are headlines aef94e3

See all commits

2.7.1

Bug Fixes

  • Capiunto: 🐛 ignore Capiunto infobox for table wrapper a944727, closes #686
  • core: 🐛 incorrect spacing within page tools buttons 7136c6e

See all commits

2.7.0

Features

  • core: ✨ add icon for Email this user eecd21d
  • core: ✨ increase spacing between menus in drawer 45c970e
  • core: ✨ update hover transition styles and implementation a7f9c55
  • core: ✨ update menu transition styles and implementation c7e4517
  • core: ✨ use consistent spacing for menu elements 462d1dd
  • core: ✨ use filter-invert CSS variable to flip color 2bf2039
  • core: ✨ use medium font weight for menu links 6b1a7d1
  • MediaWiki: ✨ tweak changelist styles e00f9ba
  • MediaWiki: ✨ tweak rcfilter other review tools styles 99e475b
  • search: ✨ add clear button to search box 6cddf85
  • search: ✨ add experimental multi gateway search 6adc0d7
  • search: ✨ support all existing gateway in multi search 608a2be
  • TabberNeue: ✨ update TabberNeue selector to match with the latest version 417c151

Bug Fixes

  • core: 🐛 do not underline footer places links 2516937
  • Echo: 🐛 incorrect button hover color 9c59d24
  • mediawiki: 🐛 do not add external link icon to external interwiki 73ff64f
  • search: 🐛 abort search request if there are no query 88a5d4d
  • search: 🐛 undefined LESS variables f843f4d

See all commits

2.6.6

Bug Fixes

  • core: undefined $msgGender error in Tagline.php (#684) 4f6e34e by @Dringsim

See all commits

2.6.5

Features

  • core: add border to message boxes (#672) 1137a37 by @Dringsim
  • core: add title to logos (#671) dfe7167 by @Dringsim
  • core: update MediaWiki notification style (#673) 32ffa7c by @Dringsim
  • DiscussionTools: exchange icons for subscribe and unsubscribe buttons ec3aafc by @Dringsim
  • MediaWiki: add mediawiki.filewarning skinstyle (#682) 88f8cfb by @Dringsim

Bug Fixes

  • core: 🐛 force section indicator and heading to the start f74244f
  • core: add webkit prefix for sticky to support Safari < 13 (#679) 1cd993c by @Dringsim
  • core: header icon position in older browsers (#670) a61746b by @Dringsim
  • core: prevent propagation of click event on .mw-editsection, .mw-editsection-like (#667) 07d7a73 by @Dringsim
  • core: skin preference support for Safari on iOS < 12.2 (#680) 2891d04 by @Dringsim
  • DiscussionTools: icon color in dark theme (#675) 7e2dcc1 by @Dringsim
  • ooui: fix max-width of OOUI TextInputWidget (#666) 914b810 by @Dringsim
  • OOUI: z-index of OOUI MenuSelectWidget (#674) 1f90d15 by @Dringsim
  • Tables: Check if element.parentNode is null (#681) a1139e7 by @octfx

See all commits

2.6.4

Features

  • DiscussionTools: ✨ turn subscribe button into icon 638cca9
  • Lingo: ✨ tweak Lingo tooltip styles 1b817b8

Bug Fixes

  • core: add menu icons for "Special pages" and "Upload file" (#664) e771c72 by @Dringsim
  • Score: use hue rotate to match dark mode color (#662) 0acaa01 by @Dringsim
  • SemanticMediaWiki: 🐛 hide indicator divider when entity is loaded 271d383

See all commits

2.6.3

Features

  • core: ✨ display real name in user menu when exists 717d16a, closes #652 by @simontaurus
  • core: ✨ use gender symbol instead of pronoun in user tagline c793959, closes #657 by @Dringsim
  • core: expand user page tagline and allow citizen-tagline to be parsed (#657) 25d25e3 by @Dringsim
  • core: underline content links on hover and focus (#659) 90d6972 by @Dringsim
  • core: use member names instead of group names in user menu (#656) 9a0ffcc by @Dringsim
  • core: use more a11y friendly hidden (#654) f9dad61 by @Dringsim
  • Score: add Score support (#661) 7134a88 by @Dringsim
  • SemanticMediaWiki: ✨ replace entity examiner loader with SMW logo 0ee3153
  • WikiHiero: add WikiHiero color (#653) e69160d by @Dringsim

Bug Fixes

  • core: typo in dark-color-text-error (#658) 659c47b by @Dringsim
  • SemanticMediaWiki: 🐛 prevent entity examiner spinner rotate off axis 5737125

See all commits

2.6.2

Features

  • CodeEditor: ✨ add find and replace styles 2b69011
  • CodeEditor: add ACE Editor setting panel style (#650) e651e1b by @Dringsim
  • CommentStreams: update CommentStreams style (#647) 109b681 by @Dringsim
  • ManageWiki: add ManageWiki search highlight style (#649) 373f081 by @Dringsim
  • mediawiki: ✨ add JSON content styles 53929ce
  • SyntaxHighlight: ✨ add line highlight color a269d35
  • WikiEditor: ✨ tweak dialog styles 572bca1
  • WikiEditor: ✨ tweak toolbar and search and replace styles 2d425d8

Bug Fixes

  • core: 🐛 avoid page action menu overflow when title is too long 5c9498a, closes #648
  • core: 🐛 undefined items variable in drawer 403a109

See all commits

2.6.1

Features

Bug Fixes

See all commits

2.6.0

Features

  • CodeEditor: ✨ add syntax highlight color 41312d5
  • CommentStreams: add support for CommentStreams (#624) 0fb2738
  • core: ✨ add basic scriptless responsive table support 6c04fee
  • core: add config var 'wgCitizenTableNowrapClasses' (#621) a7b99d1
  • Echo: hide #pt-talk-alert when Echo is enabled (#626) 9993545
  • Scribunto: ✨ tweak debug console styles e665814
  • Scribunto: add support for Scribunto debug console (#629) efd0254
  • search: add SMW Ask API as search backend option (#625) 2e3e5fe
  • SyntaxHighlight: ✨ unbold some highlight to match with CodeMirror 0931793

Bug Fixes

  • core: 🐛 add missing border between thead and tbody 5ca0f03
  • core: 🐛 incorrect max-width value d35b1a8
  • core: add webkit prefix to user-select property (#631) d92fd77
  • preferences: incorrect preferences icon position on Chrome 81 b43da4d

New Contributors

See all commits

Contributors

  • @Dringsim profile picture
  • @simontaurus profile picture
Dringsim and simontaurus

2.5.2

Features

  • core: ✨ do not wrap changelist tables 661fbf0
  • core: ✨ ignore cargo dynamic table for table wrapper cd93b3d
  • core: ✨ ignore dataTable for table wrapper 79daca4
  • core: ✨ more saturated base text color 35821b6
  • core: ✨ switch page-container to flex layout c2922f6

Bug Fixes

  • core: 🐛 add gap between footer icons under the same li 801eb9a
  • core: 🐛 do not resize image in table 838a7f5
  • core: 🐛 ensure loading indicator is removed when script is loaded 09ffed6

See all commits

2.5.1

Features

  • core: ✨ add HTML class to disable table wrapper b2eaf0a
  • core: ✨ check parent container for table nowrap class 587cea1
  • core: ✨ do not wrap nested tables 3d14f9c
  • core: ✨ ignore infobox class for table wrapper 81affb8
  • core: ✨ inherit float classes to table wrapper d1d49e6
  • TemplateData: ✨ add style for TemplateData button in VE e139df6

See all commits

2.5.0

Features

  • core: ✨ add scroll affordance to tables e45af9b
  • core: ✨ make tables responsive without breaking table layout 8c888a7
  • core: ✨ only apply title transform to content namespaces fe4f4a9

Bug Fixes

  • core: 🐛 avoid double spacing between notice and content 612382f
  • RelatedArticles: 🐛 larger min-height to trigger lazyload 567fc81

See all commits

2.4.4

Features

  • core: ✨ add config flag to disable preferences menu 90890de
  • search: ✨ trigger typeahead update when character is composed aaa82d0, closes #608

Bug Fixes

  • codex: update button classes for type->weight change (#606) 6b8ff22
  • core: 🐛 remove redundant override for image height b47f265, closes #605
  • RelatedArticles: enforce min-height for RA to render daf5b3d

New Contributors

See all commits

Contributors

  • @catrope profile picture
catrope

2.4.3

Features

  • core: ✨ add border to Citizen cards 235a76c
  • core: ✨ apply box-sizing: border-box by default 6831312
  • core: ✨ clean up print styles 19ddd61
  • RelatedArticles: ✨ add border to RA cards 2a6e65b

Bug Fixes

  • CodeMirror: use same font as edit font 787ecc3
  • core: 🐛 respect config flag for default theme 015b1e1
  • search: 🐛 align typeahead with input 0b7c72c

2.4.2

Features

  • core: ✨ add icon for urlshortener b04b46d
  • core: ✨ convert tagline to langauage variant when appliable 0c23e50
  • core: ✨ update font stacks 83f7fc5
  • core: ✨ use Citizen font stacks for edit font 736bd9a
  • core: ✨ use same font family instead of serif for blockquote af41f98

Bug Fixes

  • core: 🐛 incorrect thumbnail center styles 8f49101
  • core: 🐛 responsive thumbnail on new media structure ddb425c

2.4.1

Features

  • core: ✨ add support for user-interface-preferences menu 3ec8434, closes #587 #425
  • search: ✨ support MW default search shortcut key e06ed54, closes #582
  • Translate: ✨ rework Translate header and language tag styles f9e872a

Bug Fixes

  • core: 🐛 handle null exception for user group 081a176
  • core: 🐛 reset array index after removing toolbox from sidebar c8d5a6e, closes #580
  • VisualEditor: 🐛 VE overlay should have overlay z-index e2d1230, closes #583

2.4.0

Features

  • RelatedArticles: ✨ tweak RA card color 8659eab
  • VisualEditor: ✨ update VisualEditor styles 1d10b66

Bug Fixes

  • core: 🐛 incorrect sticky header rendering on changelist 78f79e8, closes #575
  • RelatedArtcles: 🐛 add min-height so that RA cards will render 5bf0147

2.3.6

Features

  • core: ✨ remove plainlist styles 5ebd7ad
  • core: ✨ use MW core checkboxHack instead ef955c2

Bug Fixes

  • core: 🐛 checkboxHack buttons should be focusable afcf37d
  • OOUI: 🐛 standardize OOUI window z-index a3ed766
  • search: 🐛 overlay should not cover search box 7639110

2.3.5

Features

  • core: ✨ use Citizen monospace fonts for diff 08cd314
  • DiscussionTools: ✨ update DT styles ca503c7
  • pwa: ✨ use proper manifest type instead of json d73fa67
  • RevisionSilder: ✨ add color to bar chart 6ce8d2d

Bug Fixes

  • core: 🐛 default to auto theme unless set a7406d8
  • core: 🐛 incorrect signup stats selector 7a6dfc6
  • core: 🐛 increase mw-body-header z-index aeb8e16
  • core: 🐛 stricter selector for sign up form container e4851f9
  • pwa: 🐛 declare before adding array 68cb9b6
  • pwa: 🐛 incorrect var type e78ebd7

2.3.4

This is a hotfix that will fix the parsing error in Action API caused by the PWA API from Citizen.

Bug Fixes

  • pwa: 🐛 parse error in manifest API d63025f
  • pwa: 🐛 syntax error in manifest API e40d4e6

2.3.3

Features

  • Echo: ✨ tweak Special:Notifications styles 5c22145
  • search: ✨ add search portals to empty state 4b8e128

Bug Fixes

  • Cargo: 🐛 incorrect hover style for datatable f11ad86
  • core: 🐛 disable ULS-enhanced language button for now e3bf581
  • core: 🐛 incorrect gallery margin and padding styles f40c0db
  • core: 🐛 more defensive check for logo 7c552fe
  • search: 🐛 consistent empty messages dc01717
  • search: 🐛 incorrect max height for search suggestions 7416a7f
  • VisualEditor: 🐛 incorrect layout for header in preview dialog 5589916

2.3.2

Features

  • core: ✨ add file metadata table styles 8704cc2
  • core: ✨ add toolbox icon for CreateRedirect aeed04b
  • toc: ✨ add bottom margin to sticky toc 5023f2a
  • TwoColConflict: ✨ add TwoColConflict skinStyles ed36d72
  • UploadWizard: ✨ update UploadWizard styles 7bd30eb

Bug Fixes

  • Cargo: restore table to default behavior df7346c
  • codex: 🐛 incorrect Codex file name b7996c5
  • core: 🐛 incorrect layout when signupstart is present 4c1ec61
  • search: 🐛 incorrect keyboard navigation on typeahead items 242413b
  • search: 🐛 more robust null check for description 1e47e95

2.3.1

Features

  • Cargo: ✨ add responsive support for datatable dd7f21b
  • Cargo: ✨ cargo table should have reduced font size 5db5620
  • Cargo: ✨ datatable should have reduced font size 1dcb37a
  • Cargo: ✨ update partial Cargo styles a017bae
  • CodeEditor: ✨ add CodeEditor support 5946089
  • CodeMirror: ✨ sync background color with other editors 46437d8
  • core: ✨ always truncate sticky header first heading 0051115, closes #559
  • core: ✨ increase base layout width to 1080px 8c8ab99
  • core: ✨ more colorful emphasized text color 023ee94
  • core: ✨ only add upload link when it is enabled 8c4bd54
  • core: tweak content sub spacing 985ecb2
  • ReplaceText: add ReplaceText styles (#561) 286f4f2
  • search: contain the overscroll of search suggestion 60c1270

Bug Fixes

  • Cargo: 🐛 add datatable odd row hover styles 8adf25e
  • CodeMirror: 🐛 incorrect selector for CM elements 3fd4908
  • core: add missing WMUI help icon (#560) 084799f
  • core: missing style for the previous commit aa13b58
  • search: 🐛 correct URL for MediaSearch 2e9dffb

2.3.0

This would probably be the final release this year. Wish everyone a happy holiday and new year 🎉

Note

  • --background-color-framed is deprecated. You can use --color-surface-2 as an alternative.
  • The dark theme is generated based on the hue of your primary color --color-primary__h.

Features

  • AdvancedSearch: ✨ update AdvancedSearch styles 88fca93
  • core: ✨ align inconsistent search styles 653ba19
  • core: ✨ deprecate background-color-framed and input 37cdf91
  • core: ✨ do not hardcode min-width for page tools menu 0187478
  • core: ✨ do not set fieldset font size 224c190
  • core: ✨ dynamic dark theme color based on primary hue 3414d59
  • core: ✨ tweak notification styles 529fe22
  • MediaSearch: ✨ add grade A support for MediaSearch 9b9916d
  • search: ✨ add MediaSearch to typeahead 203b0b4

Bug Fixes

  • AdvancedSearch: 🐛 1px layout shift in preloader 3517453
  • core: 🐛 do not make search create and exist link into a card 80a35ea
  • core: 🐛 do not use CSS containment for body content 7a59e9c
  • core: 🐛 incorrect z-index in changelist title c4bd384
  • search: 🐛 do not collapse whitespace in label text node c2da5c5
  • search: 🐛 incorrect full text search URL 074df52

2.2.0

Features

  • core: ✨ add active states to header buttons 2a8129e
  • core: ✨ add icon to all talk page buttons 323acda
  • core: ✨ add rounded corner to mw-message-box f3ee780
  • core: ✨ add rounded corner to mw-ui-button c172966
  • core: ✨ add site logo to header 7bfec28
  • core: ✨ allow multiple search components on the same page 1939850
  • core: ✨ allow the use of custom search suggestion module 391266c
  • core: ✨ center align searchbox 3d0ff75
  • core: ✨ do not hardcode footer wordmark size 22e1324
  • core: ✨ reduce the click event delay on touch devices 3d1ca8b
  • core: ✨ update MW datatable styles 75ab097
  • core: ✨ update RecentChanges filter styles 594b0ab
  • MultimediaViewer: ✨ smaller scroll indicator for MMV 9bc8d7a
  • search: ✨ add empty state to typeahead 9bf737f
  • search: ✨ add no result state to typeahead 284b0d8
  • search: ✨ clean up redirect text implementation 4293021
  • search: ✨ merge footer into item element c9b03aa
  • search: ✨ show enter key tip when item is active 3488e29
  • search: ✨ use background-image instead for typeahead thumbnails fd0978b
  • search: ✨ use WMUI icon for placeholder 34804e8

Bug Fixes

  • core: 🐛 changelist legends should not be covered by header a3d88aa
  • core: 🐛 message box should be at the top of login form 31c7779
  • core: 🐛 page tool menu should not overflow right (#555) 71d89bc
  • core: 🐛 remove border as it collides with MMV button 9d78879
  • core: 🐛 sticky header flickering a1b2f7f
  • search: 🐛 do not shrink thumbnail cc3e1d4
  • search: 🐛 enter key should click the link in suggestion c5e5ff4
  • search: 🐛 enter key should click the selected item 7805b89
  • search: 🐛 enter key should not throw any error e6ca664
  • search: 🐛 null error when rest api is used f81e5b6
  • search: 🐛 overlay should be visible on mobile 9d7c307
  • search: 🐛 restore ID attribute for suggestion items a1aeff2
  • search: 🐛 typeahead thumbnails should be center-aligned 96ec8e4
  • search: 🐛 update selector for fulltexturl 501286a

2.1.0

Features

  • codex: ✨ add grade A support for Codex dd7270b
  • core: ✨ add create account page styles fcf2f43
  • core: ✨ add hover states to editsection links 3fb66b3
  • core: ✨ add htmlform styles 51c931e
  • core: ✨ allow collapsible sections with DiscussionTools wrappers on headings ad714dc
  • core: ✨ only apply letter spacing to text field labels f041b2c
  • core: ✨ redo MediaWiki UI styles ce9e9de
  • core: ✨ reduce scroll up header delay f70d410
  • core: ✨ right align language badge bfcd43c
  • core: ✨ tweak content footer styles baab7e1
  • core: ✨ tweak gallery styles a863949
  • core: ✨ tweak page actions styles 069f442
  • core: ✨ tweak RC and Watchlist styles faf294e
  • core: ✨ tweak signup, login page styles 97b8ece
  • core: ✨ unify sticky header styles 467cf85
  • core: add underglow to progress indicator bf9a485
  • MultimediaViewer: ✨ revamp mmv styles 7b6743e
  • MultimediaViewer: ✨ tweak scroll indicator behavior 28368f3
  • ooui: ✨ do not flip OOUI icons that are marked 93f5f3f
  • ooui: ✨ redo OOUI styles ca7dd9f
  • Popups: ✨ add responsive support for Popups 1238799
  • Popups: ✨ update Popups styles dcd7a7b
  • typography: ✨ add bottom margin to headings be71399
  • typography: ✨ add label styles 5e14891
  • typography: ✨ do not change GRAD axis 027e298

Bug Fixes

  • core: 🐛 clean up leftover drawer script references (#554) e261abf
  • core: 🐛 content should not collaspe margin 41dd999
  • core: 🐛 incorrect height for page action button b182872
  • core: 🐛 input focus state should use hover background color f64f1a2

2.0.1

This is a hotfix for the 2.0.0.

Note

  • The minimum Mediawiki requirement is now 1.39.0+. Checkout out the REL1_35 branch if you are looking for older compatibility.

Features

  • core: ✨ reduce space between page header and tools ead296c

Bug Fixes

  • core: 🐛 missing page tool background styles 53cfa87
  • core: incorrect letter case in file name 71a7945

2.0 changes

Highlights

  • Site navigation bar On desktop, it is now vertical on the starting side (Left if LTR and right if RTL) to separate the site navigation compared to the page content On mobile, it is now at the bottom to be more reachable by hand
  • Footer Original footer are now broken down into two footer, one specific to the site and one specific to the content Site footer now use the same colors from the rest of the skin for a more consistent look
  • Typography More consistent spacing across the skin Enable optical sizing for better readability across different screen configurations Reduced header font size on mobile for better readability Include webfont for CJK languages (Chinese Japanese Korean), see $wgCitizenEnableCJKFonts, for more consistent styles
  • Progressive Web App Fulfil the requirements for PWA install banner Add various shortcuts to the PWA PWA icons should now come from $wgLogos

Configuration changes

  • $wgCitizenSiteToolsPorlet is renamed to $wgCitizenGlobalToolsPorlet
  • $wgCitizenEnablePreconnect and $wgCitizenPreconnectURL are now deprecated.

There are many behind the scene changes not included in the highlights. For the full changelog, see here.

2.0.0

Please use the 2.0.1 version, this version has an incorrectly named file that will cause the stylesheet to not load (#552),

Note

  • The minimum Mediawiki requirement is now 1.39.0+. Checkout out the REL1_35 branch if you are looking for older compatibility.

Highlights

  • Site navigation bar On desktop, it is now vertical on the starting side (Left if LTR and right if RTL) to separate the site navigation compared to the page content On mobile, it is now at the bottom to be more reachable by hand
  • Footer Original footer are now broken down into two footer, one specific to the site and one specific to the content Site footer now use the same colors from the rest of the skin for a more consistent look
  • Typography More consistent spacing across the skin Enable optical sizing for better readability across different screen configurations Reduced header font size on mobile for better readability Include webfont for CJK languages (Chinese Japanese Korean), see $wgCitizenEnableCJKFonts, for more consistent styles
  • Progressive Web App Fulfil the requirements for PWA install banner Add various shortcuts to the PWA PWA icons should now come from $wgLogos

Configuration changes

  • $wgCitizenSiteToolsPorlet is renamed to $wgCitizenGlobalToolsPorlet
  • $wgCitizenEnablePreconnect and $wgCitizenPreconnectURL are now deprecated.

There are many behind the scene changes not included in the highlights. For the full changelog, see here.

2.0.0-beta.4

Note:

  • This is the final release for MediaWiki 1.35. The next version (2.0.0) will move the minimum requirements to MediaWiki 1.39.

Features

  • core: ✨ scroll instead of wrap pre block 029361b
  • core: ✨ use fixed height for header card db9065f

Bug Fixes

  • core: 🐛 keep inline style for a.image 88be5ba
  • search: hide default MW search suggestion af85fb4

2.0.0-beta.3

Note:

  • The prerelease builds serve as a more graceful transition from Citizen 1.X to 2.X. The design has not been finalized yet and it might subject to significant changes. At the end of the prerelease build cycle (around November), it'll be merged to the main branch and target Mediawiki 1.39+.
  • The main branch is now in 2.X. If you are looking for the last 1.X build, click here.
  • Fonts might look a bit different from this patch. It is because optical sizing is enabled for better readability. If you wish to have the previous look, you can disable optical sizing through by setting font-optical-sizing to none in CSS.
  • CJK fonts are disabled by default. You can enable it by setting $wgCitizenEnableCJKFonts to true. Note that CJK fonts can add at least 100-200kb per page.

Features

  • AJAXPoll: ✨ add skinStyle for AJAXPoll (#487) f1fb553
  • core: ✨ reduce scroll top padding 9b9b361
  • font: ✨ replace RobotoVF with RobotoFlex 8e272a5
  • font: ✨ sync cjk font weight with RobotoFlex dd82c57
  • fonts: ✨ add Noto Sans CJK font support b89873d
  • pwa: ✨ add basic support for service worker 4f651b4
  • pwa: ✨ use standalone mode bc8d1a3
  • pwa: ✨ use wgLogos instead 56005ae
  • tabberNeue: ✨ update active tab selector 0083d2f

Bug Fixes

  • core: 🐛 hide sticky header overflow 6b9fe9c
  • core: incorrect content header z-index fa3582d
  • search: 🐛 encode suggestion URL key 50a0014

2.0.0-beta.2

Note:

  • The prerelease builds serve as a more graceful transition from Citizen 1.X to 2.X. The design has not been finalized yet and it might subject to significant changes. At the end of the prerelease build cycle (around November), it'll be merged to the main branch and target Mediawiki 1.39+.
  • The main branch is now in 2.X. If you are looking for the last 1.X build, click here.

Features

  • core: ✨ increase scroll padding (#533) 911f214
  • core: ✨ use flex layout for mw-indicators 55f7bcf
  • core: ✨ use minimal-ui instead of standalone in webapp manifest b51b0c2
  • pwa: ✨ add helpful shortcuts to manifest ffb4e34
  • pwa: ✨ define scope parameter 5e2be1d
  • smw: revamp SMW skinStyles (#532) fa1ae98
  • tabberNeue: ✨ update skinStyles 5fbba91

Bug Fixes

  • core: 🐛 incorrect max-height for header card 24a9078
  • pwa: 🐛 missing services variable 72dfe31

2.0.0-beta.1

Note:

  • The prerelease builds serve as a more graceful transition from Citizen 1.X to 2.X. The design has not been finalized yet and it might subject to significant changes. At the end of the prerelease build cycle (around November), it'll be merged to the main branch and target Mediawiki 1.39+.
  • The main branch is now in 2.X. If you are looking for the last 1.X build, click here.

Features

  • core: ✨ remove broken recent change styles 757cd6a
  • core: ✨ use 100vh instead of 100% for min-height ac2559e
  • skinStyles: ✨ add missing VE styles 4a7489e

Bug Fixes

  • core: 🐛 incorrect max height for header card 0633db4
  • core: 🐛 missing z-index for mw-body-header 92c64be
  • core: 🐛 mw-data-content should reserve space for header 979138d
  • core: 🐛 ToC card should be above page header db05e6d
  • skinStyles: 🐛 fix Echo overflow in small screens 5e962b7
  • skinStyles: 🐛 incorrect VE new paragraph button color a59aeff
  • skinStyles: 🐛 various clipping in VisualEditor d2dca07

2.0.0-beta.0

This is the first beta build of Citizen 2.X, which includes numerous revamp in both design and code.

Note:

  • The prerelease builds serve as a more graceful transition from Citizen 1.X to 2.X. The design has not been finalized yet and it might subject to significant changes. At the end of the prerelease build cycle (around November), it'll be merged to the main branch and target Mediawiki 1.39+.
  • The main branch is now in 2.X. If you are looking for the last 1.X build, click here.

2.0.0-beta.0 (2022-10-02)

Features

  • core: ✨ smaller footer wordmark size on mobile c551225

Bug Fixes

  • skinStyles: 🐛 incorrect VE dark mode background 9388b92, closes #489 #525

2.0.0-alpha.2 (2022-10-01)

Features

  • core: ✨ collapse page tool text below desktop 6aee9f8
  • core: ✨ move catlinks to body footer 9de7a1d
  • core: ✨ move footer info into body footer aaad2bb
  • core: ✨ move sitenotice out of mw-body 61e8d05
  • core: ✨ page actions should take full width with toc 9532aa4
  • core: ✨ redesign site footer 4902ae7
  • core: ✨ strict selector for category links 6b47c86
  • core: ✨ tweak body footer styles bf66c60
  • core: ✨ tweak footer wiki name color 2e8c98b
  • core: ✨ use space unit for drawer 607c3f2

Bug Fixes

  • core: 🐛 incorrect color for footer site description bdc58fd
  • core: 🐛 incorrect CSS variable name 17907ea

2.0.0-alpha.1 (2022-09-30)

Features

  • core: ✨ add extra page padding on desktop view 87d1918
  • core: ✨ add jump to top link to sticky header 5be20a2
  • core: ✨ add sticky body header e72d7c0
  • core: ✨ more responsive layout for sticky header 9b1325b
  • core: ✨ move fluid sticky transition f3e4332

Bug Fixes

  • core: 🐛 mitigate ToC overlap in various max width 0058081
  • core: 🐛 sticky header should not trigger in edit mode 639c378
  • core: 🐛 wiki name wrapping in drawer 20ed41e

2.0.0-alpha.0 (2022-09-30)

Features

2.0.0-alpha.2

Note: The prerelease builds serve as a more graceful transition from Citizen 1.X to 2.X. The design has not been finalized yet and it might subject to significant changes. At the end of the prerelease build cycle (around November), it'll be merged to the main branch and target Mediawiki 1.39+.

Features

  • core: ✨ collapse page tool text below desktop 6aee9f8
  • core: ✨ move catlinks to body footer 9de7a1d
  • core: ✨ move footer info into body footer aaad2bb
  • core: ✨ move sitenotice out of mw-body 61e8d05
  • core: ✨ page actions should take full width with toc 9532aa4
  • core: ✨ redesign site footer 4902ae7
  • core: ✨ strict selector for category links 6b47c86
  • core: ✨ tweak body footer styles bf66c60
  • core: ✨ tweak footer wiki name color 2e8c98b
  • core: ✨ use space unit for drawer 607c3f2

Bug Fixes

  • core: 🐛 incorrect color for footer site description bdc58fd
  • core: 🐛 incorrect CSS variable name 17907ea

2.0.0-alpha.1

Note: The prerelease builds serve as a more graceful transition from Citizen 1.X to 2.X. The design has not been finalized yet and it might subject to significant changes. At the end of the prerelease build cycle (around November), it'll be merged to the main branch and target Mediawiki 1.39+.

This is the first experimental build of Citizen 2.X, which includes numerous revamp in both design and code.

Features

  • core: redesign site header (#521) 6de95d4
  • core: ✨ add extra page padding on desktop view 87d1918
  • core: ✨ add jump to top link to sticky header 5be20a2
  • core: ✨ add sticky body header e72d7c0
  • core: ✨ more responsive layout for sticky header 9b1325b
  • core: ✨ move fluid sticky transition f3e4332

Bug Fixes

  • core: 🐛 mitigate ToC overlap in various max width 0058081
  • core: 🐛 sticky header should not trigger in edit mode 639c378
  • core: 🐛 wiki name wrapping in drawer 20ed41e

1.17.9

This is likely the last build of Citizen 1.X. The development effort have been focus on the 2.X version which will target 1.39 release at the end.

Features

  • defer loading menu wiki logo (#507) 4aa6626
  • skinStyles: add Math skinStyles (#502) 8c6cdc4
  • use loose comparison for checking if CitizenShowPageTools is true (#497) 6384d02

Bug Fixes

  • ci: add missing boolean argument fec969e
  • ci: allow composer plugin in config a9fb8aa
  • core: hide double MW search suggestion 7bec9ef, closes #520
  • do not collapse space in highlighted search title b15a92c, closes #494

1.17.8

Bug Fixes

  • core: config CitizenThemeDefault should set theme correctly e53afa5, closes #418

1.17.7

Features

  • core: add config to use numberformatter without disabling sitestats 00e1f57, closes #474
  • core: tweak spacing between body header and content 8c4166a
  • core: use URL-safe key for search suggestions 9fe063a
  • skinStyles: add skinStyles for ManageWiki extension f03697f
  • skinStyles: make wikieditor font size adjustable eb0147e, closes #479

Bug Fixes

  • skinStyles: add missing variables.less import (#480) 496b6f9
  • skinStyles: dismiss button in CentralNotice should be on top 64f7e18

1.17.6

Features

  • core: simplify page header spacing 8ec0400
  • skinStyles: minor style tweak for RecentChanges 65be4e8

Bug Fixes

  • core: add missing plainlinks styles 0ffc78c
  • core: center class on thumbnails should center (#476) 34c300d
  • core: delay blur event for search suggestions 9d8a631, closes #404 #410
  • core: run script when DOM is ready eba2235, closes #475

1.17.5

Features

  • core: add bottom margin to page header dca529b
  • core: tweak category links styles 4fbe09f
  • core: use default MW gallery styles cfc71c0, closes #413 #467
  • skinStyles: add grade B support for RevisionSlider d7d512c
  • skinStyles: do not lazyload OOUI font size with skinStyles 47069b6
  • skinStyles: tweak page diff styles 4645cde, closes #472
  • skinStyles: tweak ULS trigger styles b05a2e8

Bug Fixes

  • core: check if user is registered before getting edit count 756e398
  • core: define template path in constructor instead a20e0dc
  • core: source edit button should not collapse itself when VE is selected c6b8ba9
  • core: use z-index on popup only to avoid clipping 2f6d383
  • skinStyles: add missing Echo dark styles 982cb8c, closes #468
  • skinStyles: move personal menu ULS button styles to the right module 2853a05
  • skinStyles: prevent diff table from overflowing the page 9000a4e

1.17.4

Features

  • core: only use overflow when needed for mw-body 6f7f548

Bug Fixes

  • core: call to member function null in user tagline 320b28c
  • core: incorrect z-index for the inner header container 7b810b2
  • core: invalid class name for RL config callback ba87e4d
  • skinStyles: incorrect file path for DiscussionTools 0a0456d

1.17.3

Features

  • core: add link to talk page next to skin listing 23aad4d
  • core: clean up and tweak z-index usage be8b9a0, closes #462
  • core: decorate personal menu for anon users eaad65f
  • core: do not override blockquote font size 1b72174
  • core: hide redirect message in search results when not needed 726a348
  • core: improve handling of number formatter for site stats c0cae44
  • core: indicate when search results are from redirects a5c52e4
  • core: intergrate firstHeading changes from MW 1.39 1df970e
  • core: rename $wgCitizenPortalAttach to $wgCitizenSiteToolsPortlet 851356f
  • core: separate header from personal menu list 21633dc
  • core: use gap instead of margin for spacing in flexbox 71999f8
  • core: use keywords for transform origin ea87523

Bug Fixes

  • core: oversized ULS language toggle under tablet viewport c81ba1f

1.17.2

Features

  • core: remove tabindex from checkbox label button 08ddb60
  • core: update menu to be more inlined with MW core 1df223a

Bug Fixes

  • core: call to undefined method RequestContext::getAction() d4c7131, closes #459
  • core: decoratePersonalMenu should only return array 176adba
  • core: don't use getActionName < MW 1.38 bbf7fa8, closes #459
  • core: header function can return null (#459) 2ec20ba

1.17.1

Hotfix for webapp manifest

Features

  • core: use standard external link icon fo external links 95a4609

Bug Fixes

  • core: incorrect folder name for PSR-4 autoloader 5960790

1.17.0

Features

  • core: add language count badge 9926140
  • core: add language menu to page tools 442f241
  • core: change ToC toggle behavior and position 03d853c
  • core: tweak and clean up ToC card styles 7bfc9f8
  • core: use checkboxHack for page actions more menu c6e9bc4
  • core: use ULS for interwiki language menu if possible 73c61e9
  • skinStyles: add responsive layout for ULS e7b88d3
  • skinStyles: add skinStyles for Interwiki 6c6883b
  • skinStyles: update ULS styles 95e48b1

Bug Fixes

  • core: add missing SkinAfterPorlet hook d030c22
  • core: mw-list-item does not exist in older MW 7cdd049

1.16.1

Features

  • core: add missing title text to preferences button 895d7c2
  • core: make header icon background scale to font size 9872a82
  • core: make range indicator text smaller d39deb1
  • core: set accent-color as primary color c69f292
  • core: set toc-enabled through Mustache template e0d5eb9
  • core: update checkboxHack API b73357c
  • core: update preferences menu behavior 1186bdf
  • core: use relative unit for search suggestion 7ff415d
  • core: use relative units for page actions 3e051f0
  • core: use relative units for text and spacing 0e3ecf1
  • skinStyles: add grade B support Wikibase (#439) 3867f15
  • skinStyles: style change number text color 366dcc5

Bug Fixes

  • core: incorrect table of content modal location 5dc456c
  • core: invisible search suggestion item 5ff7b4c
  • core: undefined toc script ac28ef4
  • skinStyles: duplicated entry in skin.json c9514d9
  • skinStyles: echo header icons should use relative size cd36ba6

1.16.0

Note: The DOM structure of header has been refactored, and they do not have the same classes and IDs. If you run into any missing styles, please clear out the cache and see if it is fixed.

Features

  • core: add missing user page icon 75cee0c
  • core: style parenthesis text in FirstHeading differently 44f9bc0
  • core: tweak ToC styles b00c7dd
  • skinStyles: add Citizen styles to OOUI dialog 8121ecb
  • skinStyles: add dark styles to source edit summary box 61d13a0
  • skinStyles: add missing placeholder style for VE 9c33c3d
  • skinStyles: add Popups settings styles 09d3014
  • skinStyles: add skinStyles for DiscussionTools e5b01e8
  • skinStyles: contain overscoll in Echo e47c1a5
  • skinStyles: remove top margin for TabberNeue a47b53b
  • skinStyles: tweak Echo popup styles 398f6da

Bug Fixes

  • core: fix overflow in search suggestions a3d85bb
  • core: hover state should be visible on card f8d90e1
  • skinStyle: missing dark background for Popups c871520

1.15.0

Features

  • core: add animation to page tools more menu d286afd
  • core: add animation to personal menu b4959b1
  • core: add animation to preferences menu e6a9bd3
  • core: add ARIA support to collaspible sections 76a84d9
  • core: add aria-label for preferences button c74f168
  • core: remove animation from searchbox but keep suggestion on mobile 41e0832
  • core: switch searchbox transitions to scale 60d57de
  • core: toggle visbility in CSS when menu is show/hidden e2a6a03
  • core: tweak drawer open transition e2da010
  • core: tweak sitestats style 87f6e4f
  • core: tweak transition timing and curve fae6062
  • skinStyles: tweak CookieWarning styles 0f38149
  • skinStyles: update Lingo to grade B 7800f70

Bug Fixes

  • core: incorrect aria-controls ID in section toggle ac3ebf5
  • find toolbox explicitly (#448) 2787d49
  • lower header z-index to 4 b69ca82, closes #447

1.14.1

Features

  • core: tweak code block styles 571704f
  • skinStyles: tweak Popup styles 1a7860e
  • skinStyles: update StructuredDiscussions to grade B da0174c, closes #438
  • unify modal styles c23a1d7

Bug Fixes

  • add missing selector in older MW version eb9cd37

1.14.0

Features

  • add skinStyles for collapsible toggles in MobileFrontend f0b9879
  • allow scripts to run when MobileFrontend is active 37efe85
  • do not format body content if MobileFrontend is active (#409) 8eaaecf
  • show namespace (e.g. Discussion) on page tools 37beda8
  • tweak collapsible toggle size 9eeac80
  • tweak edit button styles when both visual and source edit are present a61635e
  • use wikiText icon for source edit when VE is present 0177a06

Bug Fixes

  • uncaught value when no theme value is saved d22f562

1.13.0

Features

  • add a max height to more action menu c51c731, closes #365
  • add fading to mw-data-after-content 9134834
  • add skinstyles for Cargo main 0c493f3
  • add styles for PortableInfobox (#441) 5202ddb
  • add styles for SimpleTooltip (#426) c0003c2
  • add WSSearchFront skinStyles (#411) b35e9c6
  • deprecate --background-color-dp-XX in favor of --color-surface-X 96013bb
  • depreciate theme preferences in MW user preferences 7ecf3a8
  • hide toc number by default 7b7641b
  • implement a more adaptive smooth shadow 47e1259
  • implement RTL icons 6217bad
  • improve contrast of SyntaxHighlight 17c37f5
  • make the Echo badge text smaller 6667c06
  • move discussion to the top of the more menu f052951
  • pass styles as style element instead of inline 2c79c06
  • remove letter spacing from wordmark a2dffec
  • revamp drawer header 6efff7f
  • show footer desc and tagline in the content language (#444) cebc35f
  • sitestats should show exact number when it is <10000 3c72992
  • tweak category styles 9041cc6
  • tweak SyntaxHighlight color 3dddd14
  • update OAuth skinStyles to grade B d8cf5e1
  • update Popups skinStyles to grade B 5cc56ac
  • update RelatedArticle skinstyle to grade A d5ac0ce
  • update TabberNeue styles to latest version 02d9f88
  • upgrade Popups skinStyles to grade A c58e917
  • use neutral background for search suggestion thumbnails 59ca621
  • use template data for page tools if available (#440) 449278f

Bug Fixes

  • add null check for checkboxObj.target fed5369, closes #432

  • add null check for user tagline 7dbbc6b

  • background clipping between data-after-content and footer f24ab7d

  • ext.uls.displaysettings: Update class name (#434) 426f611

  • fix eslint no-shadow error f5c5c99

  • fix inverted Echo badge indicator e6c15cb

  • FOUC of light theme when user is using auto theme and prefer dark 047f830

  • incorrect color for SyntaxHighlight 26cfa2d

  • inverted image in VE edit link widget 0e4c8a8

  • re-add pointers and border styles to Popups 7a8d6cb

  • remove indentations f5d280e

  • remove unused debug code a8485ac

  • drop security header support 42df59f

1.10.0

Changes

  • Increase contrast of transparent buttons and icons
  • Minor tweaks on header background
  • Minor tweaks on ToC typography
  • Unhide ToC numbering
  • Add gradient fading to footer to avoid ToC overflow
  • Add wikilink to default footer message

SkinStyles

  • SyntaxHighlight is added as grade A
  • MsUpload is added as grade A - thanks @caburum for helping out
  • CodeMirror is updated to grade A - thanks @caburum for helping out
  • Echo is updated to grade A
  • AdvancedSearch is updated to grade B
  • Capiunto is updated to grade B
  • WikiEditor is updated to grade B

For other changes, please see the commit history.

1.9.5

Note: Security headers will be depreciated in an upcoming release.

  • Overlay menu is changed to a modal
  • Article stats is viewable on mobile viewport in menu
  • .mw-body-content is removed and replaced by .citizen-body, as the first class is applied by MW core in 1.37
  • Special:ListFiles dark mode styles is added for 1.36+
  • SkinStyles are now classified into different grades, check the readme for more details.
  • Plus other fixes

For other changes, please see the commit history.

1.9.4

Note: --background-color-dp-XX is depreciated; use --color-surface-X instead. The current background color CSS variables are too complex so I reduce the variables to 4 surface colors instead. It also lays the foundation of a more versatile theming system and hierarchy that will be introduced in the later version. The current --background-color-dp-XX will be kept for a few versions until all skinStyles have been reworked to use the new variables.

For other changes, please see the commit history. I am working on getting automatic changelog working but all these stuff are new to me so it might take a while 😟 I will also be tagging releases from now on as requested (#389). 🎉