Commit graph

1577 commits

Author SHA1 Message Date
alistair3149 03da361b97
feat(components): rewrite template data partials into CitizenComponent components (#846)
- Refactor existing template data-related partials into CitizenComponent components
- Re-implement user menu header as UserInfo
- Add description text for anon and temp user in UserMenu
---------

Co-authored-by: github-actions <github-actions@users.noreply.github.com>
2024-05-15 01:24:43 -04:00
alistair3149 604ee851d6
fix(core): 🐛 add missing styles for user menu
Seems to be broken by the citizen-menu styles refactor.
This fix is temporary since the user menu will be refactored soon.
2024-05-09 15:54:50 -04:00
alistair3149 4c6ae1e74d
refactor(core): ♻️ wrap menu list in container 2024-05-09 14:38:07 -04:00
alistair3149 f2393a74b8
feat(core): use relative time for sidebar last mod
Closes: #700
2024-05-08 16:39:47 -04:00
alistair3149 ed54bbfc33
fix(core): 🐛 hide sidebar lastmod on tablet
It is duplicated with footer
2024-05-08 15:36:04 -04:00
alistair3149 89b5ff1b12
feat(core): add last modified to sidebar 2024-05-08 15:30:36 -04:00
alistair3149 4f7e3a4e14
refactor(core): ♻️ clean up various menu styles 2024-05-07 22:21:24 -04:00
alistair3149 0aa617262e
feat(core): simplify toc styles 2024-05-07 21:48:22 -04:00
alistair3149 9da91018ab
refactor(core): ♻️ wrap ToC inside citizen-body-sidebar 2024-05-07 21:29:16 -04:00
github-actions 8c6cb3525c ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-05-07 22:58:15 +00:00
alistair3149 226fd0a606
feat(core): tweak black theme color 2024-05-07 18:57:25 -04:00
alistair3149 76a93e962f
fix(Echo): 🐛 re-implement nojs Echo buttons 2024-05-06 15:28:56 -04:00
alistair3149 de315b2e1d
refactor(core): ♻️ simplify heading icon styles 2024-05-06 14:14:28 -04:00
alistair3149 58bab74eab
feat(core): switch all icons to OOUI module
Custom icons are no longer needed. This should reduce
an extra ResourceLoader module registration.
2024-05-06 13:48:41 -04:00
alistair3149 a81bf1fc16
refactor(core): ♻️ re-implement VE action icon 2024-05-06 13:37:33 -04:00
alistair3149 4558da3a0d
feat(core): remove scrollbar styles
We should let browser and OS handle scrollbar instead. Scrollbar customizations
has always been iffy because of varying browser standards and implementation.
Now floating scrollbar is common enough that we don't need custom styles anymore.
2024-05-05 19:53:54 -04:00
alistair3149 1d4cdd60df
fix(core): 🐛 avoid sticky toolbar from clipping on Firefox
The sticky toolbar is hidden on a short page when browsing on Firefox (80vh of the body container is taller than the height of the toolbar). Increasing the min-height for the body container should avoid the issue.
2024-05-05 02:13:36 -04:00
alistair3149 efa27a59c6
feat(core): increase border color contrast in dark mode 2024-05-03 17:21:40 -04:00
alistair3149 994fae626b
refactor(core): ♻️ simplify drawer header styles 2024-05-03 17:18:21 -04:00
alistair3149 46a5089131
refactor(core): ♻️ fix drawer sitestats alignement 2024-05-03 17:10:44 -04:00
alistair3149 3566e9c919
feat(core): align footer links to the end of the footer 2024-05-03 17:03:32 -04:00
alistair3149 5a5b4aab0b
feat(core): allow drawer menu to expand in smaller screen 2024-05-01 22:12:19 -04:00
github-actions 64a8914c16 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-05-02 01:44:37 +00:00
alistair3149 205cee23db
feat(core): tweak personal menu spacing 2024-05-01 21:43:02 -04:00
alistair3149 ffa7d76df4
feat(core): change primary action links in user menu into buttons
Link such as sign up and sign in are converted into a button to make it more visible
2024-05-01 20:25:51 -04:00
alistair3149 71ef6b7a30
fix(core): 🐛 incorrect font size for sticky title parenthesis text 2024-05-01 19:22:08 -04:00
alistair3149 99fe5f970e
fix(prefs): 🐛 incorrect function call for addPortlet
Closes: #832
2024-04-27 21:07:45 -04:00
alistair3149 59fc003294
fix(core): 🐛 apply addDefaultPortlets separately 2024-04-27 20:59:57 -04:00
alistair3149 4bc4301f90
fix(prefs): 🐛 incorrect function call for addPortlet
Closes: #832
2024-04-27 18:02:23 -04:00
alistair3149 354ae255f7
feat(core): add overflow handling to site and content sub 2024-04-27 13:32:39 -04:00
alistair3149 a10fd97a2a
refactor(core): ♻️ move pagetools rules out of sticky header 2024-04-27 13:26:18 -04:00
alistair3149 1dcc18af60
feat(core): fine tune bottom toolbar animation 2024-04-26 19:15:13 -04:00
alistair3149 8bb2d9e76d
fix(core): 🐛 invalid selector 2024-04-26 17:44:36 -04:00
github-actions 9074563e0b ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-26 21:42:26 +00:00
alistair3149 ff909e240d
feat(core): move page actions into bottom toolbar when width is limited
Related: #821
2024-04-26 17:41:27 -04:00
alistair3149 a5bf9413ea
feat(core): make sticky header more compact in limited screens 2024-04-26 15:57:29 -04:00
alistair3149 9cd0cc45f3
fix(toc): 🐛 CSS escape ID
When the heading contains an amprehend, it will throw an exception.
2024-04-25 23:33:22 -04:00
alistair3149 e5af1717bd
fix(core): 🐛 hide notification menu header in header 2024-04-25 18:26:54 -04:00
alistair3149 8f565b33b3
feat(core): add transition to body-container width 2024-04-25 18:19:11 -04:00
alistair3149 9b66b82e48
refactor(prefs): ♻️ drop mustache in favor of pure JS 2024-04-25 18:05:57 -04:00
alistair3149 f6f1c4d1c4
feat(prefs): move font size before theme 2024-04-25 17:55:00 -04:00
alistair3149 efe11ed410
refactor(prefs): ♻️ use literal values instead of integers in clientPref features 2024-04-25 17:51:54 -04:00
alistair3149 241dc96cfe
feat(prefs): move page width to clientPrefs
Now all of the existing prefs are migrated to clientPrefs,
we can discard the code from the old system.
2024-04-25 17:41:22 -04:00
alistair3149 964a4a534d
feat(prefs): remove line-height customization for now
Will be re-implemented later
2024-04-25 17:22:27 -04:00
github-actions 877406e449 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 21:17:22 +00:00
alistair3149 b186efba69
feat(core): reduce opacity of sticky header 2024-04-25 17:16:19 -04:00
alistair3149 0d52046523
feat(prefs): migrate font size to client preferences 2024-04-25 17:06:09 -04:00
alistair3149 d9be3e7084
refactor(core): ♻️ drop usage of mw-body-content in favor of citizen-body 2024-04-25 16:30:40 -04:00
alistair3149 316798dd57
feat(prefs): change theme toggle to 3 col 2024-04-25 16:24:18 -04:00
github-actions fce2726cc8 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 20:21:04 +00:00
alistair3149 6392b4c24a
refactor(core): ♻️ merge theme into features.less and cssvariables.less 2024-04-25 16:19:53 -04:00
alistair3149 c2aa796b68
fix(core): 🐛 remove leftover console log 2024-04-25 16:19:17 -04:00
alistair3149 56046d7e58
feat(core): tweak pure black mode colors 2024-04-25 15:59:43 -04:00
alistair3149 4aefd74429
fix(core): 🐛 incorrect delimiter in inline script
Commas are not encoded in localStorage
2024-04-25 15:59:07 -04:00
github-actions d24a8d60e2 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 19:50:36 +00:00
alistair3149 5768ccc25b
feat(core): add pure black mode for dark theme 2024-04-25 15:45:24 -04:00
alistair3149 173f093a07
docs: 📚️ add documentation on modifications on clientPreferences.js 2024-04-25 14:47:47 -04:00
github-actions 53ba8747ad ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 18:22:19 +00:00
alistair3149 07aedfea91
refactor(core): ♻️ do not use 'skin-theme-' message keys
It causes issues with translatewiki because of a conflict with Vector.
And those messages are not stable (T359983, T361157)
2024-04-25 14:21:56 -04:00
github-actions 469d6d1d5e ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-25 00:49:51 +00:00
alistair3149 e791a52cd5
refactor(core): ♻️ replace usage of skin-citizen-theme classes 2024-04-24 20:48:43 -04:00
alistair3149 b929c2b7eb
feat(prefs): add hover state to theme buttons 2024-04-24 20:31:16 -04:00
alistair3149 a741639085
feat(core): move theme preferences to clientPrefs
Since clientPrefs and other related features are not avaliable until MW 1.42,
many of them are backported as polyfill. Instead of using cookies, the polyfill
are using localStorage only like Citizen in the past.

There are many changes behind the scene, but the most important one being that
`skin-citizen-*` theme classes are now soft-deprecated, and replaced by the
standardized `skin-theme-clientpref-*` classes. There will be sufficient
time before the hard deprecation.

Related: #780
2024-04-24 20:23:54 -04:00
alistair3149 755f42eb07
refactor(core): ♻️ clean up redundant styles 2024-04-24 19:43:34 -04:00
alistair3149 30ee7c1dd1
refactor(core): ♻️ use ResourceLoader to minify inline JS 2024-04-24 17:47:33 -04:00
alistair3149 d9675ebd60
fix(core): 🐛 round scrollLeft to integer
Fractional pixels from scrollLeft prevent Citizen from detecting overflow state properly.
2024-04-24 16:19:29 -04:00
alistair3149 3093510fae
refactor(preferences): ♻️ use mw.storage instead of localStorage 2024-04-24 00:25:09 -04:00
alistair3149 ed226a400e
feat(preferences): implement a localStorage version of mw.user.clientPrefs
This is the first step of migrating to the clientPrefs library when it is avaliable.
Currently only themes are using it and the standard classes are added to the HTML element.

Related: #780
2024-04-24 00:21:36 -04:00
alistair3149 cd21fd05f3
fix(core): 🐛 make ToC tracking work for non-content pages
Since MW 1.40, ToC has been enabled on all pages including non-content page.
By generating a list of elements to track through the ToC instead of targeting
specific classes, it should be more resilient and will work for non-content pages.
2024-04-20 01:32:37 -04:00
alistair3149 0a0a6631b0
fix(core): 🐛 remove margin when contentSub is empty 2024-04-19 23:02:23 -04:00
alistair3149 6dd0f09aca
feat(core): proper em handling for CJK languages 2024-04-19 16:55:21 -04:00
github-actions b9a524bab4 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 20:26:48 +00:00
alistair3149 6b6dc5b269
feat(core): increase line height for CJK text
To improve readability on sites using Chinese, Japanese, and Korean.
2024-04-19 16:24:50 -04:00
alistair3149 a3e060b90c
feat(core): tweak light theme colors
- Decrease saturation for surface-0
- Increase saturation for other surfaces
2024-04-19 15:21:00 -04:00
alistair3149 fc47692421
feat(core): rename border-color variables and increase contrast
Align variable names with Codex
2024-04-19 15:20:59 -04:00
github-actions cc5452c119 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 18:45:09 +00:00
alistair3149 d820947490
fix(core): 🐛 hide section indicator unless explictly enabled 2024-04-19 14:43:49 -04:00
github-actions 22bad4caab ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-04-19 17:50:07 +00:00
alistair3149 1d0a4adc55
style: 🎨 stylelint fixes 2024-04-19 13:48:45 -04:00
alistair3149 f84771f042
refactor(core): ♻️ simplify sticky header background styles 2024-04-16 01:33:25 -04:00
alistair3149 11566de6b6
style(css): 🎨 re-apply stylelint fixes 2024-04-16 01:28:45 -04:00
alistair3149 fdc22e4ce5
feat(core): backport valign styles for images from 1.40+ 2024-04-06 14:05:05 -04:00
alistair3149 7fda12693d
fix(core): 🐛 select dropdown menu background 2024-03-20 13:47:30 -04:00
alistair3149 21ce85a320
fix(core): 🐛 remove loading indicator when page is unloaded
Closes: #811
2024-03-19 18:49:35 -04:00
alistair3149 84abe5a71c
feat(datatables): rework search pane and filter styles 2024-03-19 18:01:51 -04:00
alistair3149 54ca25fa27
feat(core): implement new light theme
Now that we have a comfortable coverage for extensions.
It is time to start tweaking light theme color.
2024-03-19 15:48:53 -04:00
alistair3149 cb1f9e616a
feat(toc): tweak toc header font size 2024-02-28 01:25:05 -05:00
alistair3149 75548a9bdf
feat(core): increase top margin of content footer 2024-02-28 01:25:03 -05:00
alistair3149 11068251c2
feat(core): reduce menu header font size 2024-02-28 01:25:02 -05:00
alistair3149 b6872f9d2a
feat(wikitable): simplify wikitable border styles 2024-02-26 18:47:44 -05:00
alistair3149 c13fd3ea3e
feat(wikitable): use the same font size for th and td 2024-02-26 17:52:20 -05:00
alistair3149 9bd23fdff2
feat(wikitable): add border to wikitables
Adding borders to wikitables to promote better readability.
This is a complete rewrite of the styles so there might be unexpected issues.
2024-02-26 17:48:21 -05:00
alistair3149 c9f665ef78
feat(core): use CSS variables for small font sizes 2024-02-26 17:16:07 -05:00
alistair3149 3162e19a2c
feat(core): use CSS variables for x-small font sizes 2024-02-26 17:14:19 -05:00
alistair3149 3f44789ac6
feat(core): override font-size-related skin variables 2024-02-26 17:00:31 -05:00
alistair3149 a9acc08e27
feat(core)!: 💥 rework font-size CSS variables
To align with Codex tokens, the old --font-size-hN CSS variables are renamed.
Introduced new font size variables (x-small, small)
2024-02-26 16:54:58 -05:00
github-actions 96171236d7 ci: 👷 lint code to MediaWiki standards
Check commit and GitHub actions for more details
2024-01-27 02:51:04 +00:00
alistair3149 22addebe77
refactor(search): ♻️ start cleaning up search suggestion functions 2024-01-26 21:50:21 -05:00
alistair3149 5e575f4c20
feat(core): use CSS variable to define default Citizen font 2023-12-15 15:07:43 -05:00
alistair3149 bdd986db89
fix(core): 🐛 hide pseudo elements instead of deleting them (pt2) 2023-12-15 15:03:13 -05:00